Jquery 如何对每个<；调用函数；李>；当它们靠近视口顶部时？

请帮忙。这件事让我睡不着！：）

我有一个简短帖子的列表；如果你愿意，可以叫他们引号。我有一个固定位置的标题，是一个透明的背景200px高。我需要用户滚动浏览的每一篇文章的标题都是可见的（因此定位是固定的），我希望阅读的文章在标题前后滚动时消失（或者不透明度大大降低）；如果你愿意的话，可以用一个200px的垫子来代替“懒散负荷”。当然，如果用户向相反方向滚动以使文章返回视口（以及标题下方），我需要它重新出现

我是jQuery的新手，所以请容忍我。我已经搜索了大量的帮助和提示，但还没有找到解决方法。衷心感谢您的帮助

模型：

$(document).ready(function(){

  var headerheight = $('#header').height();
  var scrollposition = $(window).scrollTop();

    $(window).scroll(function(){

        var offset = .offset();

        $('li').each(function() {

            if(scrollposition <= $(this)offset.top-headerheight){

            // 
            $(this).fadeOut(400);
            // 

            } else {

            //
            $(this).fadeIn(400);
            //

            }
        });
    });
});

jQuery:

$(document).ready(function(){

  var headerheight = $('#header').height();
  var scrollposition = $(window).scrollTop();

    $(window).scroll(function(){

        var offset = .offset();

        $('li').each(function() {

            if(scrollposition <= $(this)offset.top-headerheight){

            // 
            $(this).fadeOut(400);
            // 

            } else {

            //
            $(this).fadeIn(400);
            //

            }
        });
    });
});

$（文档）.ready（函数（）{
var headerheight=$（'#header'）.height（）；
var scrollposition=$（window.scrollTop（）；
$（窗口）。滚动（函数（）{
var offset=.offset（）；
$（'li'）。每个（函数（）{
如果（滚动位置
它有相当多的缺陷和错误。但是我的修改应该可以做到这一点。正如你所说，我们只捕获一次滚动位置，它永远不会更新。这将导致if语句总是以错误的方式：）这只会在.test类尚未淡入或淡出的情况下淡入或淡出

试一试，让我知道它是否有效：）

请记住，如果滚动位置高于或等于#标题的高度，这将淡入/淡出.test类-
了解。使用此插件：
感谢您的响应。如果我采用您的解决方案，它将成功淡入/淡出。test“相对于第一个
的滚动位置，但我需要它做的是在每个
接近该淡入度阈值时独立操作。如果我将“test”作为一个类添加到其他列表项中，那么当第一个
达到人头高度阈值时，它们都会隐藏。我是否遗漏了什么？再次感谢！因此，您需要的是作为用户向下滚动页面，其中一个项目会出现在页面的末尾（顶部），它会淡出吗？准确地说。我认为是.fadeTo（）而不是.fadeOut（），因为它不会完全从页面中删除每个
（这会影响高度）。好的，我明天一有时间就给你画一张。你可以在这里做的事情是使用动画，然后使用不透明度来不影响列表的高度。但我明天会画：）注意这个答案中的内容-编辑版本。谢谢，我会注意的！）