スムーススクロールの実装例｜ TAKLOG

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

www.tak-dcxi.com

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

コメント

0

記事へのコメント0件

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

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

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

規約違反を報告

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

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

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

アプリをダウンロード

関連記事

スムーススクロールの実装例｜ TAKLOG

html要素にscroll-behavior:smoothを指定するだけのコストの低さ、それでいて従来のアンカーリンクの機... html要素にscroll-behavior:smoothを指定するだけのコストの低さ、それでいて従来のアンカーリンクの機能を損ねないことから「スムーススクロールはCSSのみで十分」といった技術記事やポストが多く広まっています。ただ、そういった技術記事やポストは「CSSのみで対応できる」「ワンライナーで実装できる」と言ったコストの低さばかりが先行していて、肝心のデメリットには触れていません。実際、CSSのスムーススクロールには多くの問題点が孕んでいます。全てのページ内リンクがスムーススクロールされるCSSのscroll-behavior:smoothを使用すると、ページ内の全てのアンカーリンクがスムーススクロールの対象となります。そのため、限定的にスムーススクロールを無効化したいと言った場合は別途JSでの対応が必要となります。僕のブログではJS無効環境のフォールバックとしてhidd

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

monyurin2024/05/02
apollo1052024/04/18
knj29182024/04/18
yug12242024/04/18
nabeatsu12024/04/17
kuroaka18712024/04/16
amada7172024/04/16
dtsuka_hb2024/04/16
u-qreil82024/04/16
sakimoridotnet2024/04/16
sknk-sim2024/04/16
iwasawa_c2024/04/16
n_reishi2024/04/16
unknownlabel2024/04/16
yamori04082024/04/16
uokada2024/04/16
triceratoppo2024/04/16
yasu-log2024/04/16

同じサイトの新着

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

いま人気の記事

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

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

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

新着記事 - テクノロジー

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

設定を変更しましたx