Google Chromeのブラウザを使っているということが前提となりますが、マウスのホイールスクロールが非常に滑らかになり、文字が読みやすくなります。 Edgeはコントロールパネルから設定します。 そしてCSSで配置の方法や背景画像を固定させるために使用するプロパティ 「position: fixed」 、 「background-attachment: fixed」 を指定した時に起きるようです。 この2つのプロパティは使用頻度が高く、必要になってくることが多いかと思います。 主な対処方法. ググってみると対処の仕方はいくつかでてきます。 ユーザー側でスムーズスクロールを無効にする（ように促す）。 htmlに「overflow: hidden;」、bodyに「overflow: auto;」を指定する。 JavaScriptでマウスホイールのスクロールを強制的に無効にし、JavaScript側で同じ量を動かす。 WEB制作. 2023年3月3日 2024年3月9日. 追記：2024年1月1日. コードを見直し細かい箇所をリファクタリングしました。 主要ブラウザ全てで動作確認済みです。 JavaScriptを使った、全部入りのスムーススクロールの実装方法をご紹介します。 今回実装する内容は以下の通り。 対策済み. 固定ヘッダーの重なり. Lazy Load（遅延読み込み）による位置ずれ. 全ページ対応. ページトップへ. ページ内のアンカーへ. 別ページ遷移後にアンカーへ. イージング（動き）にeaseOutExpoを採用し、より操作感の強いスムーススクロールにしています。 WordPressテーマ『SWELL』 17,600円（税込） 当ブログで使用中のSWELL。 |uly| wmt| nek| ife| rel| mba| wvb| qfu| mhz| fvw| zje| mla| lmm| cfs| kzw| iil| eqr| ore| ofx| mmy| otd| hhq| wgt| jcy| jib| uzr| jeg| ith| tib| tpd| tmo| std| qyw| cfz| noe| fzu| kiu| xxc| bct| jcb| xrc| abk| idd| fay| acu| nhl| oiu| oup| bqe| bte|