2

githubのドキュメントを読んでください。バグはよく知られており、2.1で修正されたはずですが、修正されていませんか？

基本的に...scrollspyが使用するデータをオフセットできますが、そのオフセットはタブの実際のクリックには影響しません。

解決策を見つけるのに何か助けはありますか？

これは私が修正しようとしているサイトです：www.powerliftingbasics.com

4

1 に答える 1

3

問題＃3316に関する@fatのコメントによると：Scrollspy Bugs：

$('.navbar').scrollspy({offest: 70});スクロールの計算を変更することのみを目的としています。実際のアンカー クリックのものをシフトすることはありません。それはあなた次第です。プラグインは、スクロールをスパイするためだけのものです。

つまり、ScrollSpy は観察するだけで、ブラウザのスクロールを制御しません。

Twitter Bootstrap ページpadding-top: 30pxは、リンク先のセクションで 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 の修正が望ましいでしょう。

于 2012-09-10T15:50:33.447 に答える