Skocz do zawartości

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


czaj
 Udostępnij

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

Jeśli chcesz dodać odpowiedź, zaloguj się lub zarejestruj nowe konto

Jedynie zarejestrowani użytkownicy mogą komentować zawartość tej strony.

Zarejestruj nowe konto

Załóż nowe konto. To bardzo proste!

Zarejestruj się

Zaloguj się

Posiadasz już konto? Zaloguj się poniżej.

Zaloguj się
 Udostępnij

  • 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