Scrollowanie, pojawianie się bloków JS

Question

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!

Answer 1

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.