ScrollTop работает некорректно

247

04 января 2018, 21:27

    $(document).ready(function(){
        if($(document).scrollTop() > 500){
            $(".fading").animate({opacity:1},2000);
        }
    });

Когда прокручиваю страницу, то animate не запускается. Но стоит обновить страницу на отметке в 500px и ниже, как скрипт начинает работу. Как сделать, чтобы скрипт включался именно при скроле?

Answer 1

Вы, вероятно, хотели проверять это на событие прокрутки, а не только в $(document).ready.

$(document).ready(function(){
  $(window).scroll(function() {
    if($(document).scrollTop() > 500){
        $(".fading").animate({opacity:1},2000);
    }
  });
  $(window).scroll();
});