Written by Kasumi

スクロールバーをiphone、ipadでも常に表示しとく方法

スクロールバーがPCでは常に表示されているけど、iphone、ipadだとスクロールしないと表示されない。。

このような疑問に答えます!

本記事ではiphone、ipadでもスクロールバーを常に表示する方法について解説します。

以下ソースを追加してスクロールバーにCSSを当てよう。

上記ソースのそれぞれの意味としては以下の通りです。
::-webkit-scrollbar スクロールバーのCSS
::-webkit-scrollbar-thumb スクロールバー内を移動する棒のCSS
上記CSSを当てることで、iphone、ipadでスクロールバーを出すことができ、尚且つオリジナルのレイアウトに変更することできます!
以上で解説を終わります。

目次

関連記事

WordPress プログラミング

【アドミンバー】WordPressで管理画面にログインしたらページ上部に余白ができるのを解決!

2022.04.14
926
HTMLCSS プログラミング

inputタグのラジオやチェックボックスをボタン画像にする方法

2021.01.04
2668
HTMLCSS プログラミング

【簡単】inputタグで入力した内容の履歴・入力候補を出さない方法【属性を設定すれば解決】

2022.02.24
5954
HTMLCSS

CSSで全ての同一要素に同じプロパティを適用する方法

2023.04.28
185