問題タブ [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.
javascript - オフセットトップ document.querySelector - Javascript
次のコードを使用して、アンカー付きのリンクをクリックしたときにスムーズ スクロールを使用します。これは完璧に機能しますが、静的ヘッダーのため、88 ピクセルのオフセットを追加する必要があります。
このコードを拡張して 88px のオフセットを追加するにはどうすればよいですか?
コード：
javascript - スティッキー要素で scrollIntoView を使用する
ページの中央に位置が固定されている要素をスクロールしようとしています。
つまり、ドキュメント フロー内でスタックしていない位置は、ビューの中央にある必要があります。
ヘッダーには、scrollIntoView を使用してページのその部分にスクロールするナビゲーション リンクがあります。
3 番目のセクションには位置スティッキーがあります。
現在ドキュメント フローにある場合 (静的/相対位置など)、正常に動作します。
現在ドキュメント フローにない場合 (絶対位置/固定位置など)、そのように動作し、最後までスクロールしません。(左下のページタイトルボタンのように。)
scrollInToView はスティッキー要素で動作するはずですが、それらは時々ドキュメント フローに含まれる可能性がありますか?
どうすればこれを回避できますか?