5

我希望从另一个 Stack Exchange 帖子中使用此代码获得一些帮助。下面是javascript：

$(window).on("scroll resize", function(){
    var pos=$('#date').offset();
    $('.post').each(function(){
        if(pos.top >= $(this).offset().top && pos.top <= $(this).next().offset().top)
        {
            $('#date').html($(this).html()); //or any other way you want to get the date
            return; //break the loop
        }
    });
});

$(document).ready(function(){
  $(window).trigger('scroll'); // init the value
});

我已经在我自己的网站上实现了它：http: //peterwoyzbun.com/newscroll/scroll.html。当滚动位置到达某一点时，框中的信息会发生变化。目前，变化的内容直接来自div“.post”。也就是说，当用户滚动到给定的“.post”时，固定的灰色框会加载“.post”中的内容。

我想做的是让灰色框显示用户当前看到的内容的描述。因此，当用户到达 div“content1”时，灰色框会显示“content1”的文本描述。也许当达到“content1”时，div“description1”在灰色框中变得不隐藏了？

任何帮助将不胜感激。谢谢！

4

1 回答 1

4

在包含描述的每个部分中添加一个隐藏元素，例如：

<div id="content1">
<p class="description" style="display: none;">content1 description</p>
....
</div>

然后在 javascript 中获取相关部分的描述，如下所示：

if(pos.top >= $(this).offset().top && pos.top <= $(this).next().offset().top)
        {
            $('#date').html($(this).find('.description').text());
            return;
        }

提琴手

于 2013-04-25T00:26:37.193 回答