Movatterモバイル変換

[0]ホーム

サクサク読めて、
アプリ限定の機能も多数！

アプリで開く

はてなブックマーク

閉じる

テクノロジー
aタグで#topにリンクするとページ先頭にスクロールするのは仕様 - hogashi.*

気に入った記事をブックマーク

気に入った記事を保存できます
保存した記事の一覧は、はてなブックマークで確認・編集ができます
記事を読んだ感想やメモを書き残せます
非公開でブックマークすることもできます

aタグで#topにリンクするとページ先頭にスクロールするのは仕様 - hogashi.*

テクノロジーカテゴリーの変更を依頼記事元:

blog.hog.as

適切な情報に変更

エントリーの編集

エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。

このページのオーナーなので以下のアクションを実行できます

タイトル、本文などの情報を
再取得することができます

コメントを非表示にできますコメント表示の設定

ブックマークしました

ここにツイート内容が記載されますhttps://b.hatena.ne.jp/URLはspanで囲んでください

Twitterで共有

次回からTwitterへ自動リダイレクト

ONにすると、次回以降このダイアログを飛ばしてTwitterに遷移します

195usersがブックマークコメント

コメントするにはログインが必要ですブックマークを追加

ブックマークを追加

よく使うタグ

aタグで#topにリンクするとページ先頭にスクロールするのは仕様 - hogashi.*

195 users

blog.hog.as

よく使うタグ

はてなブックマークで
関心をシェアしよう

みんなの興味と感想が集まることで
新しい発見や、深堀りがもっと楽しく

ユーザー登録

アカウントをお持ちの方はログインページへ

記事へのコメント34件

注目コメント
新着コメント

hitode909id=topの要素を用意した記憶が何度かあるけど無くても良かったのか…

2023/01/05リンク

その他

teramakoへぇ～面白い。// 元々あった仕様ではなくWHATWG HTMLがブラウザの挙動からバックポートしたのでは？って気がする（何も調べてない

2023/01/05リンク

その他

kuzumimizuku追記にあるように id=で使っちゃうとそれが優先されるので微妙に気持ち悪い仕様だなあと思ってたりする。まあ、ページ先頭以外に#topを置くことはないとは思うけど。

2023/01/05リンク

その他

diveintounlimitほーん意外と知られてないのね。

2023/01/05リンク

その他

flirt774ブラウザ独自実装から仕様になったらしい　https://qiita.com/ginpei/items/129969dda33856268057

2023/01/05リンク

その他

prozorecJavaScriptでonclickがあるときにhref="#"としているのは、これが理由なのだろうか？

HTML

2023/01/05リンク

その他

yarumato“MDN の a タグのページに書いてあって、 HTML の仕様に定義されている。「href="#top" か href="#" を、現在のページのトップへのリンクとして使うことができます」”

2023/01/05リンク

その他

shingo-sasaki-0529そういえばそんな挙動あったなぁと思ったけど、ちゃんと使用通りの挙動なのね。

2023/01/10リンク

その他

aoiasabaなんやて！！

coding

2023/01/07リンク

その他

nodoca_engineいい話

2023/01/06リンク

その他

Windymeltへー

2023/01/05リンク

その他

tailtameマジか。9年近くも前に！(ブコメ)

html

2023/01/05リンク

その他

wdoomer知らなかった！

2023/01/05リンク

その他

shikiaraiなんか知らんけど昔からそうだった気がするやつシリーズの一つ

2023/01/05リンク

その他

hatestJavaScriptでonclickがあるときにhref="#"としているのは、JavascriptがOFFの時に誤爆（href=""だとリロードになる）しないようにだと思うよ。いまどきJavascriptを設定でOFFってる人少ないと思うけど昔はブラクラ除けで結構OFFってた

2023/01/05リンク

その他

buhoho伊東家の食卓。IT家の食卓かも

2023/01/05リンク

その他

ttkazuma昔は空タグ用意してたな

2023/01/05リンク

その他

moerrariカンタンにページ先頭に戻すリンクが用意できる

2023/01/05リンク

その他

sorosoronemuiああ、なるほど。何かのときに遭遇してなんかjsでやってんなと思って特に確認してなかったけどこれかもな

2023/01/05リンク

その他

mole-studio何このインターネットの裏技

2023/01/05リンク

その他

a96neko見てる

2023/01/05リンク

その他

TakamoriTarouしぃょーなのか

2023/01/05リンク

その他

mayumayu_nimoloveあまり困らない

2023/01/05リンク

その他

ttskch知らんかった😳

2023/01/05リンク

その他

versatilebottom は？

2023/01/05リンク

その他

flirt774ブラウザ独自実装から仕様になったらしい　https://qiita.com/ginpei/items/129969dda33856268057

2023/01/05リンク

その他

2023/01/05リンク

その他

gfx知らなかった。

2023/01/05リンク

その他

cl-gakuid="top"の要素いらんかったのか…

2023/01/05リンク

その他

Helfardそうなのかー！

2023/01/05リンク

その他

bocunoまじか。知らなかった。

2023/01/05リンク

その他

prozorecJavaScriptでonclickがあるときにhref="#"としているのは、これが理由なのだろうか？

HTML

2023/01/05リンク

その他

diveintounlimitほーん意外と知られてないのね。

2023/01/05リンク

その他

hitode909id=topの要素を用意した記憶が何度かあるけど無くても良かったのか…

2023/01/05リンク

その他

neet_modi_ki知らんかった

2023/01/05リンク

その他

a-knowへぇ

2023/01/05リンク

その他

2023/01/05リンク

その他

コメントするにはログインが必要ですログインしてコメント

注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

リンクを埋め込む

以下のコードをコピーしてサイトに埋め込むことができます

プレビュー

はてなブックマークボタンを作成して埋め込むこともできます

規約違反を報告

いまの話題をアプリでチェック！

バナー広告なし
ミュート機能あり
ダークモード搭載

アプリをダウンロード

usersに達しました！

さんが1番目にブックマークした記事「aタグで#topにリン...」が注目されています。

気持ちをシェアしよう

ツイートする

aタグで#topにリンクするとページ先頭にスクロールするのは仕様 - hogashi.*

はてなエンジニア Advent Calendar2022 -Hatena DeveloperBlog の2023/1/5 の記事です。 id:hogashi...はてなエンジニア Advent Calendar2022 -Hatena DeveloperBlog の2023/1/5 の記事です。 id:hogashi です。目次目次 3行こういうやつ仕様を眺める追記1: おまけ追記2: id="top" な要素があるときは？ 3行 a タグの href 属性に #top と書くと、クリックしてページの先頭にスクロールできる、という話をしているのを見て、それって仕様なんだっけ、と思って調べたところ、仕様でしたこういうやつクリックしてこのページの先頭にスクロールする <a href="#top">クリックしてこのページの先頭にスクロールする</a> 仕様を眺める MDN の a タグのページにちょろっと書いてあって、HTML の仕様に定義されているよ、とある <a>: The Anchor element -HTML: