LoginSignup
0
0

More than 3 years have passed since last update.

【UX的ユーザーへの配慮】特定の要素だけ、スクロールバーを常に表示させたい [CSS]

Last updated at Posted at 2019-09-06

背景

やりたい事

ユーザーに「ここはスクロールできる場所だな」というのを認識させたくて、一部の要素にだけ常にスクロールバーを表示させたい。

やった事

『常にスクロールバー 表示 css』とかでググると、overflow: scroll;の使った実現方法が出てきましたが、表示されなかった。
一番上に出てくるのが2016年の記事だったので。ブラウザが進化した...?

解決方法

スクロールバーをCSSでデザインする

CSSでスクロールバーをカスタマイズするって方法でやりたい事が実現できた。
バーが常に表示されているので、可視性が上がった。

こちらの記事を参考に、スタイルを調整しました。
ありがとうございます!

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0