停止div滾動，一旦其內容完成，而另一個div保持滾動

使用三個垂直列處理新設計。停止div滾動，一旦其內容完成，而另一個div保持滾動

最左邊的列被固定
主要內容列和右側欄是由平行的瀏覽器的主要滾動條垂直滾動。
右側邊欄內容達到結尾時，當主內容列保持滾動狀態時停止滾動。

有點類似雅虎的佈局

來源

2013-07-24 Josh

你能給我們你到目前爲止？至少在jsfiddle.net上設置html –

那麼阻礙你的是什麼？ – ssilas777

問題在哪裏？ –

我猜你需要的是這樣的：http://andrewhenderson.me/tutorial/jquery-sticky-sidebar/

看一看演示：http://andrewhenderson.me/wp-content/tutorials/jquery-sticky-content/index.html

如果這並不爲你的目的，嘗試用谷歌搜索關鍵字'sticky div'或'sticky sidebar'。我相信你會找到你正在尋找的東西！

來源

2013-07-24 07:52:17

@ Sarmad Saleem - 感謝您的回覆。但是 - 不，我不希望「粘滯」小部件的行爲如您所建議的示例中所示。因爲如果小部件本身的內容轉到多個頁面，它不會與主內容一起滾動。而我正在尋找的是，它應該太滾動瀏覽器的主滾動條----最好例如。是yahoos頁面 - http：//www.yahoo.com/ – Josh

哦，我的壞！我發現這個小提琴，看看這是否有幫助：http://jsfiddle.net/ryanmaxwell/25QaE/ –

- 謝謝你的努力。這是我正在尋找的。 – Josh

停止div滾動，一旦其內容完成，而另一個div保持滾動

回答

相關問題