Written by Kasumi

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

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

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

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

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

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

目次

関連記事

HTMLCSS プログラミング

【簡単CSS】videoタグを使って動画を背景に設定する方法

2022.03.12
12916
HTMLCSS プログラミング

Animate.cssでアニメーション表示を遅延(delay)させる方法

2022.04.29
5175
WordPress プログラミング

コンタクトフォーム7でフォーム送信後、完了ページへ遷移させる方法

2019.12.02
731
WordPress プログラミング

WordPressで固定ページの名称を変更する方法

更新日:2022.04.23
3130