Q&A
>スクロール開始位置がheaderの次の要素の開始位置になってしまいます。
提示されたコードにはheaderが存在しませんが
質問の内容的にheaderは重要な要素な気がします。
現在の情報だけでその現象を再現出来ますか？
include.htmlはどういったものを用意すればいいですか？
htmlファイルにて共通のheaderをjqueryを使ってincludeしたいです。
includeには成功したのですが、その際ページを開いた時のスクロール開始位置がheaderの次の要素の開始位置になってしまいます。
まだjsは勉強中で調べながら進めているレベルです。良い対処法があれば教えていただきたいです。よろしくおねがいします。
HTML
1<body> 2 <div id="target"></div> 3 4 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 5 <script type="text/javascript"> 6 $(document).ready(function() { 7 $('#target').load('include.html'); 8 }); 9 </script> 10</body>
回答1件
0
具体的なコードがないので具体的な回答ができず、ふわっとした一般論的な回答になりますが、overflow-anchor: noneを試してみてはどうでしょうか。
スクロールアンカリング (scroll anchoring) はブラウザーの機能で、ユーザーが既に文書の新しい部分にスクロールした後で、コンテンツが読み込まれたことでページ内容の移動が発生してしまう問題を解決するためのもので
投稿2022/01/11 03:04
総合スコア36960
あなたの回答
tips
プレビュー
