JQuery更改滚动效果的内容

Question

你将如何实现this site所示的相同效果？当一个特定的帖子成为两个蓝色圆形内容的焦点时，关于该帖子的数据将显示在两个圆形内容中。是否有专门为此制作的jQuery插件？

我知道他们正在使用叠加层，当特定帖子位于蓝圈的焦点时，我想知道有关内容切换的更多信息。

由于

Answer 1

这很简单。它们具有与内容同步的蓝色背景。最重要的是，他们添加了一个覆盖层来覆盖它。它会让您感觉圈子在滚动时会更改其内容。检查this叠加图片，你会得到那里的东西！ ：）

Answer 2

如果您使用Firebug检查网站，您会发现当某个特定帖子在视野中时，这实际上只是一个跨度的显示/隐藏。一些简单的计算，以确定元素在屏幕上包裹每个帖子的位置。

产生效果：

<div class="post-wrapper">
    <span class="date"></span>
    <div class="post"></div>
    <span class="type"></span>
</div>

计算post-wrapper

的位置

如果它在某个位置隐藏了上一个<span>中的post-wrapper并显示了当前<span>的{​​{1}}

当然还有一些漂亮的CSS定位。