html - HTML インデックスを固定するにはどうすればよいですか?

Question

ホームページにアンカーを作成して、誰かが私の Web サイトに移動したときに、(デフォルトでページの上部に移動するのではなく) ページの中央に直接ジャンプするようにしようとしています。これを達成するためのヒントはありますか？

Answer 1

www.yourdomain.com/#middleofpage のような URL にアンカーがない限り、javascript でこれを行う必要があります。

scrollTo関数を確認してください。

<script type="text/javascript">
    window.scrollTo( x-coord, y-coord )
</script>

ページの 50% ダウンが必要な場合は、次のように計算できます。

<script type="text/javascript">
    var pageSize = (document.body.scrollHeight - document.body.clientHeight); 
    window.scrollTo(0,Math.ceil(pageSize/2);
</script>

Answer 2

<a href="index.html#idOfSectionToJumpTo">Link</a>