私は自分のページにsubnavスタイルのBootstrapscrollspyを実装しましたが、奇妙なことが起こっているようです。私には4つのセクションがあり、それぞれにIDを指定したdivがあります。ただし、リンクをクリックするかスクロールすると、奇妙な場所にジャンプします。
こちらでご覧いただけます。 http://www.writeupp.com/faq.aspx
何か案は?
私は自分のページにsubnavスタイルのBootstrapscrollspyを実装しましたが、奇妙なことが起こっているようです。私には4つのセクションがあり、それぞれにIDを指定したdivがあります。ただし、リンクをクリックするかスクロールすると、奇妙な場所にジャンプします。
こちらでご覧いただけます。 http://www.writeupp.com/faq.aspx
何か案は?
私はあなたが話しているのと同じような問題を抱えていました。スクロールすると上部のナビゲーションがちらつくところ。ページにタブ可能なコンテンツがあったからだと気づきました。これに対する私の修正は、data-spy ="scroll"に加えてdata-target="。navbar"をbody要素に追加して、scrollspyが変更するナビゲーションバーを認識できるようにすることでした。これがお役に立てば幸いです。
<body data-spy="scroll" data-target=".navbar">
scrollspy
また、古いバージョンのIEで使用する場合は、anchor
sがhtml5要素を指している場合、たとえばsection
、.nav
の最初の2つの要素の間でちらつきが発生することにも注意してanchors
くださいul
。これは、jqueryがこれらの「外部」DOM要素の位置を把握できないためです。これを修正するには、sdiv
の代わりにsection
sを使用するか、modernizr.js
(具体的にはhtml5shiv
コンポーネント)を使用します。
詳細については、 Modernizrサイトを確認してください。