Written by Kasumi

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

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

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

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

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

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

目次

関連記事

HTMLCSS

CSSで見出しの左右に1本の斜線を引く方法

2022.11.27
2278
HTMLCSS

【HTML】OGPタグを設定してfacebookやtwitterに記事を発信しよう

更新日:2019.11.28
774
HTMLCSS

【CSSメディアクエリ】タブレットのみにブレイクポイントをあてる方法

2023.08.29
1456
WordPress プログラミング

【簡単】Custom Post Type UI で カスタム投稿タイプのアーカイブページに親ページ(任意の固定ページ)を設定する方法

更新日:2022.04.13
7376