阅读github文档,该漏洞是众所周知的,并且应该已经在2.1中修复。
但是不是吗?
本质上,您可以偏移scrollspy使用的数据,但是偏移不会影响标签的实际单击。
寻找解决方案有帮助吗?
这是我要修复的网站:www.powerliftingbasics.com
最佳答案
根据@fat对Issue #3316: Scrollspy Bugs的评论:
$('.navbar').scrollspy({offest: 70});
仅用于修改
滚动计算-我们不会移动实际的锚定点击内容,
就在你身上。该插件仅用于侦察滚动。
也就是说,ScrollSpy只是观察到,它不控制浏览器滚动。
Twitter引导页面通过在链接到的部分上使用padding-top: 30px
来解决该问题。否则,您可以使用JS处理它:
function adjustScrollForNavbar() {
var $nav = $('div.navbar')
if ( $nav.css('position') !== "fixed" ) return
window.scrollBy(0, -$nav.height())
}
// Adjust for fixed navbar
$('body').on('click.scroll-adjust', '[href^="#"]', function (e) {
if ( e && e.isDefaultPrevented() ) return
$(window).one('scroll', adjustScrollForNavbar )
});
显然,CSS修复将是更可取的。
关于css - Twitter BootStrap Scrollspy Bug仍然存在吗?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/12346746/