jquery - 向下滚动一定量时jQuery隐藏元素？

Question

向下滚动一定数量的像素时是否可以隐藏元素？

例如，一个固定的汽车图像向下滚动说 800 像素视点它会淡出，如果再次淡出则向上滚动。基本上所以它只在整个页面的一部分可见，不管页面有多大？

我将以下内容拼凑在一起，站点容器是所有内容的整个站点包装器，而#plane 是您从顶部滚动 800px 后我想要隐藏的 html 元素

    $('#site-container').scroll(function(){
      if($(this).scrollTop() > 800) $('#plane').fadeOut('slow');
      if($(this).scrollTop() < 800) $('#plane').fadeIn('slow');
    }); 

它似乎不起作用，任何帮助将不胜感激。

Answer 1

更改$('#site-container')为$(window)。

即使#site-container是全尺寸的容器，实际的滚动条也会应用在窗口上。

overflow-y: auto;如果您设置或，滚动条仅适用于元素overflow-y: scroll;。