html – 滚动到页面底部后,Bootstrap词缀停止工作

我有一个带有固定左侧边栏的长页面：

<div id="sidebar">
    <ul>
        <li>menu 1</li>
        <li>menu 2</li>
        <li>menu 3</li>
        <li>menu 4</li>
        <li>menu 5</li>
        <li>menu 6</li>
        <li>menu 7</li>
    </ul>
</div>

和js for affix：

$("#sidebar").affix({offset: {top: 0,bottom:420} });

我有和页脚高度：390px.
当我第一次滚动到页面底部并尝试向上滚动时,侧边栏返回到其第一个位置(到页面顶部),它不再是位置：已修复.它采用内联样式位置：相对,添加了Bootstrap JS.当我滚动到顶部时,我看到类已更改为词缀顶部.每隔一个滚动页面位置,该类是附加的,即使它是页面底部和侧边栏保持位置：相对.
如果我只使用：

$("#sidebar").affix({offset: {top: 0} });

没有底部,它工作正常,但我需要底部,因为页脚.

哪里可以问题？

解决方法

由于 docs建议添加位置：绝对到.affix-bottom似乎解决了这个问题.

所以你需要css：

#sidebar.affix-bottom {
  position: absolute;
}

Bootply

原文地址：https://www.jb51.cc/html/225556.html