HTML制作で気をつけたいスクロールバーの挙動 - ガタつきをCSSのscrollbar-gutterで防ぐ方法など - ICS MEDIA

HTML制作で気をつけたい スクロールバーの挙動 - ガタつきをCSSのscrollbar-gutterで防ぐ方法など - ブラウザのスクロールバーは、OSの種類によって挙動や見た目がさまざまです。環境によって挙動が違うため、自分の環境では問題なくても、ユーザーの環境から見ると問題が起きていることがあります。次のような問題を経験したことがある人も多いのではないでしょうか？ 不要なスクロール領域ができていた スクロールバーの切り替わりで画面がガタつく これらの問題を防ぐためには、対処法のほかにどんな環境で発生するのかを知っておく必要があります。本記事では、スクロールバーの簡単な説明と、2つのよくある問題と対処法について紹介します。 スクロールバーの簡単な説明と、制作時のポイント よくある問題を紹介する前に、スクロールバーの簡単な説明と、macOSで制作する時の注意点について触れておきたいと思

[seal2501]

レビュー時に何度も揉めたから、スクロールバー常に表示しとけをicsが言ってくれるの最高

[kns_1234]

Windows環境を考慮すると、width: 100vw; は使えないということですかね…

[kibitaki]

ガタつき・・・ねぇ。気配りすぎなんじゃないかな。これを「バグです！」と言ってくる客がいたら付き合わない。

[jay-es]

scrollbar-gutter でガタつき防ぐ

[sakimoridotnet]

svw /dvw / lvwは役に立たないのか…。

[strawberryhunter]

またSafariかよ。

[field_combat]

「scrollbar-gutter」はほぼWin対策なのでiOSで動かなくてもいいのか

[lifeisadog]

「Safariでは利用できません」

[kvx]

scrollbar-gutter知らんかった

[yasu-log]

scrollbar-gutterはSafari未対応ですが、クラシックスクロールバーが邪魔になるのはほぼWIindows環境なので、Safariが対応していなくても問題ない（と割り切っても良さそう）。