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;，滚动条仅适用于元素。

滚动下来一定数量的jQuery隐藏元素？

1 个答案: