2011-08-31 60 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