如何製作隨滾動而變化的垂直滑塊？

Question

我正在着手頁面上，需要從下往上滑動內容。類似於https://www.google.com/adsense/start/benefits/自定義洞察部分。 任何使這成爲可能的jquery插件或代碼片段？

Answer 1

它實際上並沒有滾動。圖像像絕對定位一樣粘到頁面上，直到文本列趕上它爲止。然後它繼續。所以它就像它的position: absolute;從一定的座標到結束座標，然後得到它的風格。

因此，如果您使用JavaScript將絕對定位應用於圖像，當您滾動到<div>，然後在滾動過<div>時恢復爲舊css，您將獲得所需的效果。有很多插件也是這樣做的。我在這裏找到了一個： https://github.com/davist11/jQuery-Stickem

查看演示瞭解我的意思。