停止特定DIV

时间:2016-06-05 13:26:23

标签: css fixed sticky

我有这个代码可以让我的侧边栏向下滚动。但是,这会让侧边栏滚动到页面底部,与网站上的其他元素重叠。

$(function () {
    var counter = 0;
    var s = $("#counter");
    var pos = s.position();
    $(window).scroll(function () {
        var windowpos = $(window).scrollTop();
        if (windowpos >= pos.top) {
            s.addClass("stick");
        } else {
            s.removeClass("stick");
        }
    });

});

<div id="sidebar">	
  <div id="counter">
   * php dynamic_sidebar( 'Sidebar' ); *
  <div class="clear"></div>
  </div>		
</div>

我已经搜索了一个小时而没有找到任何解决方案。当滚动到达div 页脚时,我希望侧边栏停止粘贴。

1 个答案:

答案 0 :(得分:0)

您必须使用css来解决此问题。 只需从底部添加填充等于底部元素的高度。

假如你有一个高度为50px的页脚。然后在边栏上添加padding-bottom:50px并为页脚提供一些z-index,如z-index:9或z-index:99。

如果有帮助,请告诉我。

由于