编程语言
首页 > 编程语言> > javascript – Bootstrap词缀总是“跳跃”

javascript – Bootstrap词缀总是“跳跃”

作者:互联网

我想在侧边栏上使用bootstrap的affix插件.但是,由于我的网站是响应式的,它总是在某些方面跳跃,我无法让它正常工作.我尝试了这里列出的解决方案:How to use the new affix plugin in twitter’s bootstrap 2.1.0?,但它不仅仅是工作.

Here’s a demo

我知道如何在具有固定宽度的网站上执行此操作,但因为我的网站具有响应能力
引导文档也是如此,并且因为它完美地工作there,我如何实现相同的效果?

因为这可能不会起作用

.affix {
    position: fixed; 
    top: 20px; 
    right: 10%;
}

解决方法:

当我使用它时,我的.affix类只有位置:固定,没有别的.可以使用偏移选项(例如,偏移选项)在affix()方法中设置附加元素变得附加的顶部位置.

$("#nav_id").affix({
    offset: 400
});

标签:javascript,twitter-bootstrap,responsive-design,sidebar
来源: https://codeday.me/bug/20190709/1412394.html