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

前端之家收集整理的这篇文章主要介绍了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

猜你在找的HTML相关文章