jQuery在滾動效果上更改內容

Question

您將如何實現與本網站所示相同的效果？ 當特定帖子成為兩個藍色圓形事物的焦點時，關於該帖子的數據將顯示在兩個圓形事物中。 是否有為此專門制作的jQuery插件？

我知道他們使用的是疊加層，我想知道更多有關特定帖子處於藍色圓圈焦點時內容切換的信息。

謝謝

Answer 1

這很簡單。 它們具有與內容同步的藍色背景。 最重要的是，他們添加了一個覆蓋層來覆蓋它。 它使您感覺到圓圈在滾動時會更改其內容。 檢查此疊加圖像，您將得到那里發生的一切！ :)

Answer 2

如果您使用Firebug檢查站點，則當查看特定帖子時，您會發現這實際上只是跨度的顯示/隱藏。 一些簡單的計算即可確定將每個帖子包裹在屏幕上的元素的位置。

影響：

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

計算post-wrapper的位置

如果它在某個位置，請在前一個post-wrapper隱藏<span> ，並顯示當前post-wrapper的<span> 。

當然還有一些漂亮的CSS定位。