私はこのコードを使用していますが、機能しますが、一度しか機能しません。どうして?
<script type="text/javascript">
function goToAnchor(name){
window.location.hash = name;}
</script>
<li onclick="goToAnchor('topp');"><a href="test.html" target="iframetest">Tst</a></li>
私はこのコードを使用していますが、機能しますが、一度しか機能しません。どうして?
<script type="text/javascript">
function goToAnchor(name){
window.location.hash = name;}
</script>
<li onclick="goToAnchor('topp');"><a href="test.html" target="iframetest">Tst</a></li>
JavaScriptが必要ですか?
<li><a href="test.html#topp" target="iframetest">Tst</a><li>
初めて呼び出したときに変更window.location.hash
され、指定した ID またはアンカーまでブラウザーがスクロールされます。2 回目window.location.hash
は既に(または最初topp
に渡したもの) に設定されており、ブラウザーが変更されていないため、スクロール位置は変更されません。goToAnchor
hash
これを修正するには、さまざまな方法があります。
<a href='#topp'>Topp</a>
関数を使用しscrollIntoView
て、対象の要素までスクロールします。
document.getElementById('topp').scrollIntoView();