滾動時保持圖像頂部

Question

我有一個使用DIV s佈置的頁面，它基本上由標題（菜單），左窗格（約20％的頁面寬度），右窗格（其餘80％）組成。 ，和一個頁腳。頁面的高度約爲2-3屏幕高度，因此它是可滾動的。它看起來像this。

我在左側窗格中的所有內容<div>是佔據屏幕高度約40％的圖像。我希望圖像在用戶滾動時基本上「滑動」在屏幕上。

菜單高度約爲100像素，因此圖像從〜px 100的左側窗格開始。一旦用戶向下滾動到圖像爲0 px的點，我希望圖像保持固定當用戶滾動時（而不是顯然滾動屏幕，像現在這樣）在0像素。頁腳也佔據了〜100像素，所以我希望圖像顯然不會顯示在頁腳上。

有沒有一個簡單的解決方案或JS/CSS技巧來實現這個？

Answer 1

有一個很好的jQuery插件叫jScroll試試！您可以在這裏看到演示：http://www.wduffy.co.uk/jScroll/以及下載鏈接。

享受！