問題タブ [intersection-observer]
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.
javascript - Webページのセクションに基づいて自動ナビゲーションバーを作成するには?
特定のセクションにスクロールすると、ナビゲーション バーの項目が自動的に選択される 2 つのケースに遭遇しました。どうすればそれを達成できますか？2018年の最新で、できるだけシンプルなソリューションを探しています(バニラJSまたはブートストラップを使用した追加のJSなし)。jqueryを使用してそれを行うことに関するいくつかの投稿を見つけましたが、交差点オブザーバーがより良いアプローチのように見えますか?
1 つの例はhttps://insights.stackoverflow.com/survey/2018/で、別の例はhttp://getbootstrap.com/docs/3.3/javascript/#dropdownsです。
次のhtmlがあるとしましょう
javascript - lazysizes を使用して、DOM ノードがビューポートに入るタイミングを検出する
特定の DOM ノードがビューポートに入ったときにコールバックが呼び出されるようにします。
さらに、次の状況があります。
aFarkas/lazysizesページで使用されます。Intersection Observer APIサポートが必要な一部のブラウザには実装されていません。
同じ機能がバンドルされているIntersection Observer Polyfillので、追加したくありません。aFarkas/lazysizes
したがって、私の質問: aFarkas/lazysizesDOM ノードがビューポートに入るタイミングを検出するために使用することは可能ですか?