• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Scrollowanie, pojawianie się bloków JS

0 głosów
620 wizyt
pytanie zadane 19 maja 2015 w JavaScript, jQuery, AJAX przez NeroTestero Gaduła (3,260 p.)

Witam,

Ta funkcja ma w momęcie skrolowania ujawniać dane bloki. Otoż problem z tym jest taki jak uruchomie stronę i pomniejsze strone ctrl + scroll to elementy sie nie pojawią, ale gdy ją odświerzymy już tak. Spowodowane to jest tym, iż window.innerWidth pobiera te wartość raz na daną wielkośc ekranu.  

Są na to jakieś sposoby typu sprawdzanie co sekunde bądź jakaś inna własność, a może plugin jquery?

Oto kod:

var Func_ShowBlock = function()
    {
        var scrollTop = $(window).scrollTop();
        
        if(scrollTop > 500)
        {
            $('.change-bg article').fadeIn(1500);    
        }
        
        if(scrollTop > 1450) 
        {    
            $('.footer-bot').slideDown(1000);
            $('.footer-mid').slideDown(2000);
            $('.footer-top').animate({height: '200px'}, 2500);
            $('.footer-top section a').fadeIn(3500);
        }
        
        if(window.innerWidth > 2900)
        {
            $('.change-bg article').fadeIn(1500);    
            $('.footer-bot').slideDown(1000);
            $('.footer-mid').slideDown(2000);
            $('.footer-top').animate({height: '200px'}, 2500);
            $('.footer-top section a').fadeIn(3500);    
        }

Z góry dziękuje za pomoc!

1 odpowiedź

+1 głos
odpowiedź 19 maja 2015 przez Comandeer Mentor (455,940 p.)

Bootstrap dla swojego scrollspy tego typu przeliczenia wykonuje przy okazji zdarzenia scroll - sprawdza czy wymiary okna się zmieniły (odpytuje window.innerWidth i window.innerHeight), po czym uaktualnia sobie wszystkie wartości w skrypcie.

Podobne pytania

0 głosów
2 odpowiedzi 1,365 wizyt
0 głosów
1 odpowiedź 84 wizyt
0 głosów
1 odpowiedź 340 wizyt
pytanie zadane 9 kwietnia 2016 w JavaScript, jQuery, AJAX przez Michał_Warmuz Gaduła (4,990 p.)
Porady nie od parady
Forum posiada swój własny chat IRC, dzięki któremu będziesz mógł po prostu pogadać z innymi Pasjonatami lub zapytać o jakiś problem. Podstrona z chatem znajduje się w menu pod ikoną człowieka w dymku.IRC

64,181 zapytań

110,583 odpowiedzi

231,742 komentarzy

46,956 pasjonatów

Przeglądających: 269
Pasjonatów: 14 Gości: 255

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto dwie polecane książki warte uwagi. Pełną listę znajdziesz tutaj.

...