Written by Kasumi

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

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

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

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

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

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

関連記事

WordPress プログラミング

wordpressのパーマリンクに拡張子(.html等)を付けれるよう変更したい

2020.07.17
178
HTMLCSS

【CSS】簡単にアニメーションを実装! Animate.cssの使い方

更新日:2019.11.28
140
HTMLCSS プログラミング

【html】audioタグでダウンロードをさせない方法。

2021.12.27
1039
プログラミング

【PHP】パラメータを使ってテストページを作成しよう

更新日:2020.06.12
346