<button type="button" class="btn" autofocus="true" onclick="location.href='#h2'">足立</button>

Question

<button type="button" class="btn"　autofocus="true" onclick="location.href='#h2'">足立</button>
でジャンプできました。
しかし、次の横並びボタンから別の見出しへジャンプできません。
上記を同じ記述でh3としましたが。
教えていただけますか？

Comments

[退会済みユーザー]

タイトルが意味不明です

Answer 1

<button type="button" class="btn" autofocus="true" onclick="location.href='#adachi'">足立区</button><!-- ここで#adachiに飛ぶように指示 -->

アドバイスをいただき解決しました。
ありがとうございます。

Answer 2

class="btn"　autofocus="true"の間のスペースが全角になっていますが、これを半角にしてみたらどうなりますでしょうか。

Comments

[jmsbndwo7]

半角にしましたが、指定場所にスクロールしませんでした。

Answer 3

id="h2"が複数有るのでしょうか？
ユニークなidをつけてはどうでしょう
ページ内リンクならlocation.hrefではなくlocation.hashの方がスマート

Comments

[jmsbndwo7]

メモ帳で作業しています。id"h2-2"としましたが、指定場所にスクロールしませんでした。

[yambejp]

たとえばこう
<button type="button" class="btn"　autofocus="true" onclick="location.hash='#h2-1'">1</button>
<button type="button" class="btn"　autofocus="true" onclick="location.hash='#h2-2'">2</button>
<button type="button" class="btn"　autofocus="true" onclick="location.hash='#h2-3'">3</button>
<br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br>
<h2 id="h2-1">1</h2>
<br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br>
<h2 id="h2-2">2</h2>
<br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br>
<h2 id="h2-3">3</h2>

想定とHTMLがちがうようなら具体的な例示をお願いします