如何讓圖像部分滾動，然後保持固定，然後在通過某個部分時滾動？

Question

我甚至不知道我想要做的會被稱爲

請快速瀏覽一下這個網頁：

http://www.philsalesses.com/plasma-pong/

你會看到標題等離子傍下的圖像它在左邊。當我滾動文章時，我希望它在頁面滾動時保持放置狀態。但是，當您看到頁面底部時，您會注意到頁面底部有一個頁腳，如果我將其完全靜態化，則標題和圖像的空間不足。

我想留下來，直到頁腳擊中，然後滾動。當您向後滾動頁面時，它會滾動一點，直到有空間，然後再次保持放置。效果相同，但相反。任何想法看什麼我可以做到這一點？

Answer 1

將標題css位置設置爲固定。然後在滿足某些條件時使用javascript檢測滾動事件將其重置爲絕對位置，以便它保持在頁腳之上。然後，當頁面從頁腳滾動離開時刪除絕對定位。要查看示例，請轉至quirksmode.org。在他的文章中，他有你正在尋找的效果。