引导后附加在滚动到页面底部后停止工作

Question

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

<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 表示affix：

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

我有和页脚，这是与height:390px.当我第一次滚动到页面底部并尝试向上滚动时，侧边栏返回到其第一个位置(页面顶部(，并且它不再与position:fixed一起使用。它带有内联样式position:relative，添加了Bootstrap JS。当我滚动到顶部时，我看到类更改为affix-top。每隔一个滚动页面位置，类是affix的，即使它是页面底部和侧边栏也留在position:relative。如果我只使用：

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

，没有bottom，它工作正常，但我需要bottom，因为footer。

问题可能出在哪里？

Answer 1

正如文档建议的那样，将position: absolute添加到.affix-bottom似乎可以解决此问题。

所以你需要 css：

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

引导