当发生一定量的滚动时隐藏元素

Question

我只想在滚动 N 个像素后隐藏页面上的一个元素。

$(window).scroll(function(){
  if($(document).scrollTop() > 200){
    $('.fixedelement').css({'display': 'none'});
  }
});

我认为这可能会起作用，滚动 200px 后 .fixedelement 将消失。唉，这不起作用。有什么想法吗？

Answer 1

它似乎在这里工作正常： http://jsfiddle.net/maniator/yDVXY/

$(window).scroll(function() {
    if ($(this).scrollTop() > 200) { //use `this`, not `document`
        $('.fixedelement').css({
            'display': 'none'
        });
    }
});

Answer 2

试试这个。

$(window).scroll(function(){
  if($(document).scrollTop() > 200){//Here 200 may be not be exactly 200px
    $('.fixedelement').hide();
  }
});