为什么这个if语句一直被跳过？

Question

我的目标是在document.scrollTop超过300px

时切换元素上的类

但不知怎的，我的陈述一直被忽略，有人可以告诉我为什么吗？

if ( $(document).scrollTop() > 300)
            {

                $('.iconup').toggleClass('iconupscroll').removeClass('.iconup');


            }

Answer 1

你有.scroll事件吗？否则，如果不能执行

$(document).ready(function(){
    $(window).scroll(function(){
        if ( $(document).scrollTop() > 300)
            {
               $('.iconup').toggleClass('iconupscroll').removeClass('.iconup');
            }  
    })
});

Answer 2

选中 working fiddle demo

$(function(){
$(document).scroll(function() {
 console.log( $(document).scrollTop())
  if ( $(document).scrollTop() > 300)
            {
            console.log(">300")
            //$('.iconup').toggleClass('iconupscroll').removeClass('.iconup');
            }
});
})

检查控制台日志屏幕截图