Twitter Bootstrap を使用してサイトを構築しています。以下の JavaScript を使用して scrollspy を動作させました。

しかし、スクリプトを追加してスムーズなスクロールを有効にすると、機能しなくなりました。

scrollspy を間違った位置に追加したに違いないと考えています。私はJavaScriptの知識がほとんどありません。誰かが正しい順序/スペース/行に挿入する方法を教えてくれれば、それは素晴らしいことです!

前もって感謝します！

このトピックに関するすでにたくさんの質問を読み、さまざまな方法を試しましたが、何らかの理由で scrollspy を動作させることができません!

最も最近の：

そして私のナビゲーションバー：

更新:<nav>を誤って閉じたことに気付き</div>、何も起こらなかったことを修正しました。<nav>また、代わりにこれを取り出して使用しようとしました<div class="collapse navbar-collapse navHeaderCollapse" id="#myScrollSpy">が、それもうまくいきませんでした。また、アクティブな状態がないことが問題かもしれないと思ったのでul.nav a:active { color: #fff; }、css に追加しましたが、それも機能しませんでした。

ライブバージョンはこちら

私はブートストラップスクロールスパイをいじっています.現在のセクションのリンクの下の行に移動する方法がわかりません.

かなり単純なはずですが、わかりません！私はそれを次のようにしたい：

あなたはポートフォリオセクションにいるので、ポートフォリオは下の愚かな小さな行で強調表示されます. 誰でも助けることができますか？必要に応じて、ここでライブ バージョンを確認できます。

Bootstrap Css scrollspy に奇妙な問題があります。

私のページ neu.ferienhaus-lieby.at. 「Zimmer」をクリックしてスクロールしようとすると、コンテンツ全体が消えます。本文に「data-spy」タグを使用すると。うまくいくようです。ただし、最後の要素のみがアクティブとしてマークされます。

これは私のindex.htmlです

http://pastebin.com/GtKRTXyG

ありがとうございました

このようにscrollspyを実装しました

http://jsfiddle.net/L4Gpq/3/

私の問題は、リンクをクリックするとwindow.scrollイベントが2回ヒットすることです。とにかく、2番目のイベントを停止できます。

scrollspy のメニューがあります (Twitter のブーストラップを使用)。window.location.hashユーザーが次のセクションにスクロールしたときに更新したい。

次のコードは、ユーザーが下にスクロールすると機能します。

ただし、ユーザーが上にスクロールするとうまく機能しません。

この理由は、 new を設定するとlocation.hash、ブラウザーがそのそれぞれのアンカーに向かってナビゲートするようになるためです。それが連鎖反応を引き起こし、ユーザーは即座にページのトップにたどり着きます。

js-fiddle でのデモ

では、その問題を解決する最も簡単な方法は何でしょうか?

やあ ！

私が働いている会社のウェブサイトを作成する必要があります:)

私の問題 ：

WordPress でhttp://webl.eu/wordpress/を作成しました。「Twenty Thirteen」の子テーマです。

ユーザーが対応する要素にスクロールしたときに、ナビゲーションを変更したり変更したりしたいと思います。私はこのスクリプトを見つけました：

私はそれが動作するはずだと思います...しかし、そうではありません:(

ありがとう、

レオ