LoginSignup
1
0

More than 3 years have passed since last update.

@kiku-nao(kiku nao)

overflow: scroll; にはじめからスクロールバーを表示させる

Posted at

要件

高さを指定してスクロールで表示させた時にはじめからスクロールバーが表示されてると「スクロールできるんだな」とわかりやすいので設置したい

ついでにニュース一覧でよくつかうパーツでコーディング:relaxed:

サンプルコード

See the Pen GRJaoBM by naoko kikuchi (@kikuchi) on CodePen.

肝の部分

::-webkit-scrollbar スクロールバー全体
::-webkit-scrollbar-thumb スクロールバーの移動するパーツ部分
::webkit-scrollbar-track-piece:start スクロールバーの背景部分

参考サイト

スクロールバーをデザインする::-webkit-scrollbarに関しての覚え書き

図で解説されてるのでとてもわかり易かったです^^

1
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
Sign upLogin
1
0