Question

我正在使用javascript在页面滚动时让侧边栏保持可见状态。只有页面滚动到其容器的顶部时，侧栏才会固定。这是代码：

<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，我尝试将#features-scroller-content的z-index设置为较少但不起作用。唯一可行的是，如果我将侧边栏的z-index设置为-1，那么边栏中的链接都不再有效。

Answer 1

页脚是否有position: relative？

javascript浮动侧边栏z-index

1 个答案: