【问题标题】：Change div content while scrolling using jQuery使用 jQuery 滚动时更改 div 内容
【发布时间】：2014-06-20 19:04:24
【问题描述】：

我在右侧有一个固定的 div 框，我想让它在页面滚动时，框内的内容会根据左侧对应的内容发生变化，我需要一些帮助，因为我不知道如何使用 jQuery 来做到这一点。

这是我的意思的示例动画：

【问题讨论】：

你有没有尝试过什么？没有代码，帮不上忙：/
我有 HTML/CSS 代码。我只是不知道如何使用 jQuery 来实现它。这就是我的灵感来源：goratchet.com/components
这就是你开始的地方——把你的代码放在fiddle，搜索SO或谷歌寻找可能的技巧。我相信一些关键字可以让你开始。 SO 不是要求人们为你编写代码的地方——表现出一些努力，无论多么微不足道，也表明你尊重那些试图提供帮助的人的时间。
是的，对不起，我明白了。我一直在四处寻找，但我一直在使用的关于滚动和 jQuery 的关键字给我带来了完全不同的东西。你能建议一个 jQuery 中的事件或可以帮助引导我走向正确方向的东西吗？

标签： jquery html image scroll fixed

【解决方案1】：

这个问题显示很少的努力，但只是为了让你开始，你可以使用Bootstrap Scrollspy，然后隐藏任何没有@987654325的链接@类。

如果这不能满足您的需求，请以此为起点，在未来提出更集中的问题。

Demo in Fiddle

首先，将所有部分标题设置为列表项，如下所示：

<div id="sidebar">
    <ul class="nav">
        <li><a href="#Content1">Content 1</a></li>
        <li><a href="#Content2">Content 2</a></li>
        <li><a href="#Content3">Content 3</a></li>
    </ul>
    Lorem Ipsum
</div>

然后将 scrollspy 添加到页面，定位到您刚刚创建的 #sidebar
```
$('body').scrollspy({ target: '#sidebar' })
```

然后将所有lis 设置为隐藏，但覆盖活动的使其可见：

#sidebar li        { display: none;  }
#sidebar li.active { display: block; }

截图：

【讨论】：

【解决方案2】：

您可以通过监听 jQuery 滚动事件来做到这一点。

当触发滚动时，它应该检查当前滚动位置是否等于您希望发生更改的位置。

【讨论】：

您的回答似乎对于 OP 的需求而言过于宽泛。考虑提供更多关于他们应该做什么的细节。