2013-03-05 40 views
3

我有側欄塊,它具有固定的位置。
當我滾動瀏覽器的窗口時,需要通過此邊欄修復頁腳的重疊。按固定位置的元素重疊頁腳

我試圖將側邊欄的位置更改爲absolute,計算移動條件並在窗口的滾動事件上移動它,但是當我滾動快速時它無法正常工作。

我該如何解決這個問題,快速滾動窗口時,或者,建議是否有這樣的js插件?

更新:

小提琴:http://jsfiddle.net/c863E/1/

(頁腳不應由側邊欄重疊)

+1

我不確定其他人,但我想在這裏看到一些代碼。更好的一個jsfiddle ... – otinanai 2013-03-05 17:15:54

+0

@otinanai我第二!提供更多信息OP! – 2013-03-05 17:17:34

+0

一個jsfiddle應該顯示的東西..我什麼也沒看到.. – abbood 2013-03-05 17:30:19

回答

2

我用下面的插件這個確切的任務之前:http://www.profilepicture.co.uk/sticky-sidebar-jquery-plugin/

它工作完美。

而且,這裏是GitHub的項目:https://github.com/p-m-p/jQuery-Stickybox

您需要的解決方案的總稱,是一個棘手的側欄。有各種各樣的jQuery插件和教程用不同的技術來實現這種效果。谷歌搜索「jquery sticky sidebar」會揭示很多。

+0

@HugoDozois - OP確實要求提供jQuery插件建議......在這種情況下建議插件是不行的?對不起 – 2013-03-05 18:23:08

+0

@Joe Spurling,非常感謝,這個插件真的是我需要的! – 2013-03-05 18:29:25

+0

@SergeiStruk - 不客氣 – 2013-03-05 18:33:10