[JavaScript]Odczyt pozycji scrollTop po załadowaniu strony Opcje

[swist666]

Robię skrypt w którym chcę aby menu zostawało fixed po scrollowaniu w dół z animacją pomniejszającą container. Wszystko działa ok jednak jak odświerzę przewiniętą stronę (już na starcie jest niżej) to odbywa się cała animacja. A chciałbym aby menu pokazywało się od razu zeskalowane.

Próbowałem na początek wrzucić coś takiego ale nie pomaga:

[JAVASCRIPT] pobierz, plaintext 
$(function(){
 
if($(window).scrollTop() > 59){
// funkcje zmieniające parametry css z normalnych na te pomniejszone bez animacji
}
 
});
[JAVASCRIPT] pobierz, plaintext 

Oto cały kod:

[JAVASCRIPT] pobierz, plaintext 
var animate = true;
  $(window).scroll(function(e){
    var pos = $(window).scrollTop()
    var h = 59 + $('#kmp_cookies').outerHeight();
    if(pos > h){
      $("#sticky_header").addClass("fixed");
      if(animate){
        // funkcje zmieniające parametry css z normalnych na te pomniejszone z .animate
      }
      animate = false;
    }else{
      if(!animate){
        $("#sticky_header").removeClass("fixed");
        // funkcje zmieniające parametry css z pomniejszonych na domyślne z .animate
      }
      animate = true;
    }
});
[JAVASCRIPT] pobierz, plaintext 

Ten post edytował swist666 28.01.2014, 10:40:57

[markuz]

Kod

$(document).ready(function() {

    var _top = $(window).scrollTop();

    if(_top > 59)
    {
        console.log('_top > 59');
    }

});

Takie coś śmiga?

[swist666]

nie.. konsola pusta. Nawet skasowałem resztę kodu i zostawiłem tylko to co wysłałeś i nadal pusto

[markuz]

Kod

$(document).ready(function() {

    var _top = $(window).scrollTop();
    console.log(_top);

});

A teraz coś się wyświetla?

[skowron-line]

[JAVASCRIPT] pobierz, plaintext 
$(window).on({
	scroll: function() {
		// przy scrolowaniu
	},
	load: function() {
		// po załadowaniu strony
	}
})
[JAVASCRIPT] pobierz, plaintext 

@markuz proponuje temat $(document).ready vs $(window)load

[swist666]

[JAVASCRIPT] pobierz, plaintext 
$(window).on({
	scroll: function() {
		// przy scrolowaniu
	},
	load: function() {
		// po załadowaniu strony
	}
})
[JAVASCRIPT] pobierz, plaintext 

Dalej nie wiem co zrobić aby uzyskać wartość o jaką przewinie przeglądarka stronę, bo za każdym razem jak odświeżę stronę to po document.ready wartość scrollTop = 0 a dopiero potem następuje przewinięcie strony w dół - sprawdzałem w chrome i safari. Jak uzyskać tą docelową wartość przewinięcia

ok znalazłem

[JAVASCRIPT] pobierz, plaintext 
setTimeout(function(){
	if($(window).scrollTop() > 59){
		// kod
	}
},10);
[JAVASCRIPT] pobierz, plaintext 

Aby działało dla chrome i safari trzeba to tak chyba obejść.. Nie wygląda to profesjonalnie ale ja nie znalazłem innego sposobu.

[markuz]

[JAVASCRIPT] pobierz, plaintext 
$(window).on({
	scroll: function() {
		console.log($(window).scrollTop());
	},
	load: function() {
		console.log($(window).scrollTop());
	}
})
[JAVASCRIPT] pobierz, plaintext 

Ten post edytował markuz 28.01.2014, 11:12:26