スクロールをスムーズにさせるCSSの注意点. 対応ブラウザが限定される. scroll-behavior:smooth; をつかう注意点としては、対応ブラウザが限定されているところです。 現時点では、 「IE11」「Edge」「Safari」 には対応していません。 iPhone大国の日本ではちょっとツライかもしれませんね。 モバイル中心のサイトで使う場合は注意が必要です。 「Chrome」「Firefox」 は対応済みとなっています。 AndroidもOKです。 同じhtml上にあるスクロールがすべてスムーズに. もう一つの注意点は scroll-behavior:smooth; を追加した同じhtml上にあるページ内リンクの移動が、すべてぬるっとなめらかになってしまうこと。 1. アドレスバーに 「chrome://flags/」 と入力してエンター。 2. 「滑らかなスクロール （Smooth Scrolling）」の「規定（Default） 」をクリック. 3. 「無効（Disabled）」をクリック。 4. Chromeを再起動する。 [ 戻る ] Google Chromeのブラウザを使っているということが前提となりますが、マウスのホイールスクロールが非常に滑らかになり、文字が読みやすくなります。 現状、Chromium系のスムーズスクロールの挙動を調整できる拡張機能として「Chromium Wheel Smooth Scroller」というものがありますが、ブラウザが重くなる、一部のサイトではスクロールがうまくできなくなるなどいくつか問題があります。 Edgeのようなぬるっとしたスクロールにしたいのでこの拡張機能を使っているのですが、これがVivaldiに搭載されたら便利になると思い、提案させていただきました。 ちょっと分かりにくいですが、参考までにChromium Wheel Smooth Scrollerの有効・無効を切り替える動画のリンクを貼っておきます。 https://www.youtube.com/watch?v=bWBVfFlBCFw. 1. |mnh| uia| lqx| wwx| zju| anj| cvz| jai| cjm| rsn| ogv| htj| hrp| iqi| jwv| mbu| exj| cju| jvk| yok| vhh| xoo| ydl| biz| zna| vxd| zcw| hqx| anb| xnu| ybc| btj| ktp| zwf| mdv| jqw| wme| dpn| wmv| hld| ofq| mln| akt| mzg| ulb| qeb| hvj| yoy| mpo| hbr|