10

Webページがロードされたときに、最初に表示されるのはページの一部であり、アンカータグが最初に表示されるようにする方法、または可能ですか.

出来ますか？

事前にご協力いただきありがとうございます。

4

5 に答える 5

9

このような単純な何かがそれを行うでしょう

<body onload=' location.href="#myanchor" '>
<a id='myanchor' href='#'>anchor text</a>
于 2013-05-03T22:51:28.380 に答える
5

これは、もう少しダイナミックな 2018 年の更新です。

URL を取得し、URL からアンカーを取得して、ページをそのアンカーに移動する場合は、ページの読み込み時にこの JavaScript を実行できます。

if (window.location.href.indexOf('#') == 0) {
    let hash = window.location.href.split('#')[1];
    let hashTop = document.querySelector(`#${hash}`).offsetTop;
    window.scrollTop = hashTop;
}

もう少し簡潔なこの方法もあります。

if (location.hash) {
    let target = location.hash;
    window.scrollTop = document.querySelector(target).offsetTop;
}

ES6 を babel でコンパイルしていない場合は、letキーワードを に変更してvarください。これは WordPress でも機能し、URL のアンカーの前にスラッシュが追加されます。

于 2018-01-16T17:11:08.613 に答える