Written by Kasumi

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

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

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

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

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

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

目次

関連記事

PHP プログラミング

Use of undefined constant campaign – assumed ‘文字列'(this will throw an Error in a future version of PHP) inエラーがでる場合の対処方法

2022.01.29
2326
WordPress プログラミング

【簡単】wordpressのショートコードを使って、投稿記事内にphpファイルを呼び出す方法

2022.02.04
2616
HTMLCSS

HTMLタグのデフォルトCSSを指定したタグだけ全て無効にする方法【allプロパティを使おう】

2023.01.12
1081
HTMLCSS プログラミング

【簡単】iphone(ios)でinputタグをタップしたらズームされるのを回避する方法

2022.02.12
8704