2011-08-31 84 views
1

我正在使用JavaScript讓側邊欄在頁面滾動時保持可見狀態。一旦頁面滾動到其容器的頂部,側欄就會變得固定。這裏是代碼:javascript浮動邊欄z-index

<script> 
function moveScroller() { 
    var a = function() { 
    var b = $(window).scrollTop(); 
    var d = $("#featured-scroller-anchor").offset({scroll:false}).top; 
var c=$("#featured-scroller-content"); 
if (b>d) { 
    c.css({position:"fixed",top:"5px"}) 
} else { 
    if (b<=d) { 
    c.css({position:"relative",top:""}) 
    } 
} 
    }; 
    $(window).scroll(a);a() 
} 
</script> 

這工作,只是我也有那個我想成爲的側邊欄可見盈方頁面的底部頁腳很大。目前側欄顯示在頁腳上方,我無法弄清楚如何改變它。

我有一個z-index爲999的頁腳,我嘗試將#featured-scroller-content的z-index設置爲少一些,但這不起作用。唯一可行的是,如果我將側邊欄的z-index設置爲-1,但是側邊欄中的鏈接都不再工作。

回答

1

頁腳是否有position: relative

+0

不錯!謝謝回覆。完美地工作! – Early73