問題タブ [scrollspy]

質問する

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

330 問題
Newest
Active
Bountied
318
Unanswered
0 投票する
0 に答える
113 参照

jquery - Bootstrap Scrollspy の一貫性のない動作

Web サイトに実装した scrollspy の動作と混同しています。問題は、DOM にスクロールする (DOM の高さ内でスクロールする) たびに、メニューのアクティブ状態が一貫していないことです。アクティブでない場合とアクティブな場合があります。メニューがクリックされるたびにその要素にスクロールし、ターゲット要素に到達するたびにスクロールスパイをアクティブにするスムーズスクロール機能があります。問題は、アクティブになる場合とアクティブにならない場合があることです。ブロックの 4 つのセクションに対応する 4 つのナビゲーションがあります。これらのナビゲーションをクリックすると、ターゲット要素に到達したときにアクティブな状態になることもあれば、パターン化された方法でアクティブ化されないこともあります。誰かが私に説明したり、このバグを修正するのを手伝ってくれたりしたら、とても感謝しています:)

0 投票する
2 に答える
598 参照

javascript - javascriptを使用してscrollspyを一番上に貼り付けます

私は、スクロールするとサイドナビゲーションバーがページの上部に上がるが、上部に固執するgetbostrap Webサイトに似たscrollspyを構築しようとしています( http://getbootstrap.com/css/ )。さまざまなヘッダーと互換性があるように、ヘッダー サイズにアクセスするための小さなスクリプトを html に書きましたが、それを別の JavaScript ファイルに移動したいと考えています。ここに、scrspy と affix のすべての html と css を含めます。

HTML:

CSS:

これをhtmlにリンクされた別の.jsファイルで試しましたが、うまくいかないようです。JS:

0 投票する
1 に答える
981 参照

html - MVC 4 を使用した Scrollspy の実装

Bootstrap(twitter) を使用した MVC 4 フレームワークに基づく Web アプリケーションがあり、スクロールスパイを使用してページの 1 つを 1 ページのナビゲーションにしたい:

サイト全体の上部に固定ナビゲーション バーがあり、サイトの 1 つのページにスクロールスパイ付きのサイド バー ("nav nav-pills nav-stacked pull-left") を追加したい。

col-md-3 =サイドバーを格納する左側

col-md-9 =私のコンテキストを保存する右側

私はさまざまなことを試してみましたが、何もうまくいかないようです.1つ気づいたことは、ボディタグに追加する必要があることです:

しかし、MVC では body タグは "_layout" にあり、この共有部分ビューには触れたくありません。

私に何ができる ？誰かがこの機能を MVC に実装していて、その小さな例を教えてくれるでしょうか?

これは私のコードです:

ここで何が欠けていますか？

0 投票する
0 に答える
348 参照

twitter-bootstrap - スムーズスクロール、scrollspy、Bootstrap

Web サイトでスムーズ スクロールと scrollspy を使用しているときに問題が発生します。ナビゲーション メニューのリンクをクリックすると、適切なセクションに移動します。このセクションにはタブがあります。タブの 1 つをクリックすると、スクロールバーが上下に移動します。

これが私のフィドルです

JS が起動しない理由がわかりません。誰か助けてくれませんか？

サンプル scrollspy コード:

スクロール コードの例:

0 投票する
1 に答える
1591 参照

twitter-bootstrap - Scrollspy が nav-tab で動作しない

水平タブ、「説明」、機能、およびレビュータブがあるWebサイトの製品説明ページにscrollspyを追加しようとしています。タブは正しく機能しますが、スクロール スパイは正しく機能せず、最後にクリックしたタブ領域のみが表示されます。以下にコードを示します。

jsfiddle @ http://jsfiddle.net/iqadeer/1t5fqhbu/1/ jsfiddle コードのコードを参照してください。

0 投票する
2 に答える
424 参照

jquery - Scrollspy が jQuery と Bootstrap で動作しない

Bootstrap の「getstarted」ページに表示されるような素敵なナビゲーション バーを作成しようとしています。

これまでのところ、良い要素にアクティブなステータスを適用する scrollspy を除いて、多くのことが機能しています。

なぜ機能しないのかわかりません<body>。他の質問でアドバイスされているように、Height:100% を修正しました。

ここに私のHTMLがあります:

0 投票する
1 に答える
1827 参照

javascript - Bootstrap ScrollSpy で NEXT/PREV ボタンまでスクロール

ページ上のアンカー ポイントを通過する次へボタンと前へボタンを作成するための回答を探していましたが、必要なものが見つかりませんでした。これは私が望んでいたものに近いかもしれないので、出発点として使用することにしました:アンカー名を知らなくてもページの次のアンカーへのリンクを作成するにはどうすればよいですか?

その回答で提示された概念でフィドルを作成し、ブートストラップの scrollspy (現在のセクションとアンカーを検出) と連携させようとしました。

私はここまで来ました：http://jsfiddle.net/gukne0oL/2/

元の回答は<a>タグをターゲットにしていますが、bootstrap の scrollspy では、タグをラップするタグにactiveクラスを追加します。ということで適宜変更… 近い感じ？しかし、私にはわかりません...<li><a>

誰でも助けることができますか？ありがとうございました！

0 投票する
1 に答える
535 参照

javascript - 未定義のプロパティ '$scrollElement' を読み取れません

ページを下にスクロールすると、このスクリプトでタイトルにエラーが発生します。セクション ナビゲーション メニューにプログレス バーが必要です。

現在のコード:

エラーは次の行にあります。

この問題を解決するためのアドバイスはありますか?

ここにデモリンクがあります: DEMO


12345678910