JQuery更改滚动效果上的内容

如何实现与this site上显示的效果相同的效果？当一个特定的帖子成为两个蓝色圆形事物的焦点时，关于该帖子的数据显示在两个圆圈内。有没有特别为此制作任何jQuery插件？JQuery更改滚动效果上的内容

我知道他们正在使用叠加层，当某个特定的文章处于蓝色圆圈的焦点时，我想知道更多关于内容切换的信息。

谢谢

2011-04-27 585connor

这很简单。他们有一个与内容同步的蓝色背景。最重要的是，他们添加了覆盖层来覆盖该层。它让你感觉到圆圈在滚动时会改变它们的内容。检查this覆盖图像，你会得到什么去那里！ :)

2011-04-27 05:46:59 Mohsen

实际上，蓝色圆圈中的内容正在用JavaScript换出。你可以告诉你是否在2个帖子之间来回滚动。 – 585connor 2011-04-27 05:49:38

不知道你为什么被低估 - 这是你怎么做的，虽然你需要JS来更改日期和图片 - 这是一个很好的窍门。 – cbp 2011-04-27 05:50:32

检查了这一点，没有使用的JavaScript :) http://jsfiddle.net/TDY2y/ – Mohsen 2011-04-27 06:02:46

如果您使用Firebug检查网站，您会看到这实际上只是特定帖子在视图中的跨度显示/隐藏。一些简单的计算来确定元素在屏幕上包装每个帖子的位置。

某事的效果：

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

计算post-wrapper

位置如果在某个位置隐藏<span> S IN以前post-wrapper并显示<span> S中的电流post-wrapper

的

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

2011-04-27 06:00:58

我该如何去计算'post-wrapper'的当前位置？ – 585connor 2011-04-27 06:48:45

回答