Css Twitter引导程序Scrollspy Bug仍然存在。。。?
阅读github文档,bug是众所周知的,它应该在2.1中得到修复。。 但它没有 本质上。。。您可以偏移scrollspy使用的数据,但是该偏移不会影响选项卡的实际单击 找到解决办法有什么帮助吗 这是我试图修复的网站:www.powerliftingbasics.com根据@fat的评论:Css Twitter引导程序Scrollspy Bug仍然存在。。。?,css,ruby-on-rails-3,jquery-plugins,twitter-bootstrap,Css,Ruby On Rails 3,Jquery Plugins,Twitter Bootstrap,阅读github文档,bug是众所周知的,它应该在2.1中得到修复。。 但它没有 本质上。。。您可以偏移scrollspy使用的数据,但是该偏移不会影响选项卡的实际单击 找到解决办法有什么帮助吗 这是我试图修复的网站:www.powerliftingbasics.com根据@fat的评论: $('.navbar').scrollspy({offest:70})仅用于修改 滚动计算-我们不会移动实际的锚点击内容, 你请客。该插件仅用于监视卷轴 也就是说,ScrollSpy只是观察,它不控制浏览器的
$('.navbar').scrollspy({offest:70})代码>仅用于修改
滚动计算-我们不会移动实际的锚点击内容,
你请客。该插件仅用于监视卷轴
也就是说,ScrollSpy只是观察,它不控制浏览器的滚动
Twitter引导页面通过在链接到的部分上使用填充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修复非常糟糕。填充使网站看起来很糟糕。。。如果您只想滚动,请输入其空内容,然后输入标题。明白。它在引导站点上工作的原因是填充部分的背景与页面背景整体一致。所以,所有内容都显示为空白,看起来就像是间隔很好的排版。CSS填充不是补丁式的修复,而是需要在布局中规划的东西。您可以考虑将页面内导航锚定到没有不同背景颜色的元素。