Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/35.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css Twitter引导程序Scrollspy Bug仍然存在。。。?_Css_Ruby On Rails 3_Jquery Plugins_Twitter Bootstrap - Fatal编程技术网

Css Twitter引导程序Scrollspy Bug仍然存在。。。?

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只是观察,它不控制浏览器的

阅读github文档,bug是众所周知的,它应该在2.1中得到修复。。 但它没有

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

找到解决办法有什么帮助吗

这是我试图修复的网站:www.powerliftingbasics.com

根据@fat的评论:

$('.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填充不是补丁式的修复,而是需要在布局中规划的东西。您可以考虑将页面内导航锚定到没有不同背景颜色的元素。