css - Twitter BootStrap Scrollspy Bug 仍然存在...？

Question

阅读 github 文档，错误是众所周知的，它被认为已在 2.1 中修复.. 但它没有？

本质上......您可以偏移scrollspy使用的数据但是偏移不会影响选项卡的实际点击。

对找到解决方案有任何帮助吗？

这是我要修复的网站：www.powerliftingbasics.com

Answer 1

根据@fat 对问题 #3316: Scrollspy Bugs的评论：

$('.navbar').scrollspy({offest: 70});仅用于修改滚动计算 - 我们不会改变实际的锚点点击内容，这取决于您。该插件仅用于监视卷轴。

也就是说，ScrollSpy 只是观察，它不控制浏览器滚动。

padding-top: 30pxTwitter Bootstrap 页面通过在链接到的部分上使用 a 来解决它。否则你可以用 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 修复会更可取。