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

回答