向下滚动一定量时jQuery隐藏元素？答案

【问题标题】：jQuery Hide element when a scrolled down a certain amount?向下滚动一定量时jQuery隐藏元素？
【发布时间】：2013-01-18 07:50:08
【问题描述】：

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

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

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

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

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

【问题讨论】：

标签： jquery scroll

【解决方案1】：

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

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

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

【讨论】：