Skocz do zawartości

[JAVASCRIPT] Problem z odczytaniem wysokości przesunięcia (scrolla) strony


czaj

Rekomendowane odpowiedzi

Witam

Dłubę teraz stronkę i chciałem zastosować w niej taki myk, że pewne elementy strony pokazują się lub ukrywają w zależności od przesunięcia suwaka (scrolla - góra/dół).

Napisałem kod js i wszystko działa ładnie, ale nie działa pod CHROME. Może ktoś mi w tym pomóc???

Poniżej kod js

function przesuwanie() {

	//-- warunki na ukrywanie elementów
if (document.documentElement.scrollTop > 404){

	document.getElementById('logo2').style.visibility='visible';
	document.getElementById('menu').style.visibility='visible';

}

if (document.documentElement.scrollTop < 404){

	document.getElementById('logo2').style.visibility='hidden';
	document.getElementById('menu').style.visibility='hidden';

}

	//-- tutaj wczytuję sobie wartość przesunięcia tak żeby pokazało mi się na stronie do testów
var txt = document.getElementById("wysokosc");
txt.innerHTML = document.documentElement.scrollTop;

}

function przesuwanie2() {

	// ustawiam zeby powyższa funkcja wykonywała się cyklicznie.
setInterval("przesuwanie();", 10);

}

Dodam że ta wartość która wczytuje mi się testowo

var txt = document.getElementById("wysokosc");
txt.innerHTML = document.documentElement.scrollTop;

Pod IE, FF, Opera wczytuje mi normalne przesunięcia 0,1,2,3,4,5 etc. natomiast pod CHROME cały czas jest 0.

Z góry dziękuje za pomoc

PZDR

Odnośnik do komentarza
Udostępnij na innych stronach

OK. Problem rozwiazałem sam :)

Poniżej rozwiazanie jak by ktoś potrzebował:

function przesuwanie() {

if(window.navigator.appName=="Microsoft Internet Explorer"){
	var polozenieStrony = document.documentElement.scrollTop;
	}else{
	var polozenieStrony = window.scrollY;	
}

if (polozenieStrony > 404){

	document.getElementById('logo2').style.visibility='visible';
	document.getElementById('menu').style.visibility='visible';

}

if (polozenieStrony < 404){

	document.getElementById('logo2').style.visibility='hidden';
	document.getElementById('menu').style.visibility='hidden';

}

var txt = document.getElementById("wysokosc");
txt.innerHTML = polozenieStrony;

}

function przesuwanie2() {
setInterval("przesuwanie();", 1);
}

Odnośnik do komentarza
Udostępnij na innych stronach

Zarchiwizowany

Ten temat przebywa obecnie w archiwum. Dodawanie nowych odpowiedzi zostało zablokowane.

  • Ostatnio przeglądający   0 użytkowników

    • Brak zarejestrowanych użytkowników przeglądających tę stronę.
×
×
  • Dodaj nową pozycję...

Powiadomienie o plikach cookie

Umieściliśmy na Twoim urządzeniu pliki cookie, aby pomóc Ci usprawnić przeglądanie strony. Możesz dostosować ustawienia plików cookie, w przeciwnym wypadku zakładamy, że wyrażasz na to zgodę. Warunki użytkowania Polityka prywatności