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

$(document).ready(function(){ if($(document).scrollTop() > 500){ $(".fading").animate({opacity:1},2000); } });
Когда прокручиваю страницу, то animate не запускается. Но стоит обновить страницу на отметке в 500px и ниже, как скрипт начинает работу. Как сделать, чтобы скрипт включался именно при скроле?

Ответ

Вы, вероятно, хотели проверять это на событие прокрутки, а не только в $(document).ready
$(document).ready(function(){ $(window).scroll(function() { if($(document).scrollTop() > 500){ $(".fading").animate({opacity:1},2000); } }); $(window).scroll(); });