ページ遷移時のページ内リンクのスムーススクロール - Qiita

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

qiita.com/Garyuten

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

コメント

0

記事へのコメント0件

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

新着コメントはまだありません。
このエントリーにコメントしてみましょう。

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

規約違反を報告

アプリのスクリーンショット

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

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

アプリをダウンロード

関連記事

ページ遷移時のページ内リンクのスムーススクロール - Qiita

2021.05.29 修正 codepenのサンプル内からのリンクを別タブで開くと警告されるようになったので、別で... 2021.05.29 修正 codepenのサンプル内からのリンクを別タブで開くと警告されるようになったので、別でサンプルHTMLを準備しましたよく出回ってるhoge.html?id=sec01など、URLのクエリパラメータでIDを指定するようなURLでページ内アンカーをさせるやり方はアクセシビリティ、マシンリーダブルの面では疑問です。 JavaScriptをOFFにされてもきちんと動作し、またGoogleなどのbotにも適切な箇所にリンク先を指定できるページ内アンカー(#id)で指定する方が好ましいと個人的に考えてます。 ✕悪い例 <a href="hoge.html?id=sec01"> ◎良い例 <a href="hoge.html#sec01"> なので素直にハッシュ(#)でID指定してページが自動スクロールするJavaScriptをjQueryで書きました。 Sample h

ブックマークしたユーザー

ar02022/03/31
ucchie_cos2021/09/12
nomaharu20132019/11/14
mitsuoka2019/07/26
metro-e2019/07/23
purupur2019/04/14
tominaga2019/04/07
simamikiii2018/10/12
usako11242018/08/20
keipeace2018/02/20

同じサイトの新着

同じサイトの新着をもっと読む

いま人気の記事

いま人気の記事をもっと読む

いま人気の記事 - テクノロジー

いま人気の記事 - テクノロジーをもっと読む

新着記事 - テクノロジー

新着記事 - テクノロジーをもっと読む

いま人気の記事 - 企業メディア

企業メディアをもっと読む

設定を変更しましたx