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> <l 我有一个带有固定左侧边栏的长页面：

<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

总结

以上是内存溢出为你收集整理的html – 滚动到页面底部后,Bootstrap词缀停止工作全部内容，希望文章能够帮你解决html – 滚动到页面底部后,Bootstrap词缀停止工作所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。