問題タブ [js-scrollintoview]

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.

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

javascript - オフセットトップ document.querySelector - Javascript

次のコードを使用して、アンカー付きのリンクをクリックしたときにスムーズ スクロールを使用します。これは完璧に機能しますが、静的ヘッダーのため、88 ピクセルのオフセットを追加する必要があります。

このコードを拡張して 88px のオフセットを追加するにはどうすればよいですか?

コード:

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

javascript - スティッキー要素で scrollIntoView を使用する

ページの中央に位置が固定されている要素をスクロールしようとしています。

つまり、ドキュメント フロー内でスタックしていない位置は、ビューの中央にある必要があります。

codepen のデモ

ヘッダーには、scrollIntoView を使用してページのその部分にスクロールするナビゲーション リンクがあります。

3 番目のセクションには位置スティッキーがあります。

現在ドキュメント フローにある場合 (静的/相対位置など)、正常に動作します。

現在ドキュメント フローにない場合 (絶対位置/固定位置など)、そのように動作し、最後までスクロールしません。(左下のページタイトルボタンのように。)

scrollInToView はスティッキー要素で動作するはずですが、それらは時々ドキュメント フローに含まれる可能性がありますか?

どうすればこれを回避できますか?