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,但是側邊欄中的鏈接都不再工作。
不錯!謝謝回覆。完美地工作! – Early73