スクロールバーを常に表示したい

Question

前提・実現したいこと

スクロールバーを常に表示したいです。

試したこと

overflow-y: scroll;

上記のコードを書いていますが、スクロールバーは常に表示されず、スクロールの際にだけしか出てきません。
他に、対処法はございますでしょうか？

ご回答よろしくお願いします。

Comments

[miyabi_pudding]

デバイスのOSを記載してください。
それによって、挙動が違います。

[codemanvs]

chromeです！

[miyabi_pudding]

それはブラウザです。
OSを聞いてます。
WindowsとかmacOSとかです。

Answer 1

::-webkit-scrollbar

Answer 2

iOSかAndroidと判断して回答します。

デフォルトでの方法はありません。
OSに依存します。

JavaScriptと、CSSで無理矢理実装するようなライブラリ・方法はありますが、
動きの制御が難しかったり、
そもそも、動作しなくなることもあります。
何より、各OSがアップデートされ、仕様が変わった時、動作しなくなり、修正を余儀なくされる可能性があります。

また、自然スクロールを止めねばならない場合が多く（JavaScriptで擬似的にスクロール挙動を作るため）、その場合、ページパフォーマンスに悪影響がありUXを低下させるため、SEO的にもよろしくない、とされています。

ようは何が言いたいかというと、
スクロール関連は下手に手を出さない方がいいということです。

Comments

[codemanvs]

ご回答ありがとうございます。ちなみにiOSです。。スクロール自体は問題がなく動くので、今回はそのままにしておきます、。ありがとうございます!!

Answer 3

ご提示のもので実現されていると思いますが・・・

<style>
div{overflow-y:scroll;height:150px;width:150px;}
</style>
<div>
1<br>2<br>3<br>4
</div>
<div>
1<br>2<br>3<br>4<br>5<br>6<br>7<br>8<br>9<br>10
</div>

Comments

[kyoya0819]

おそらく、iOS Safari等のスクロール時のみにスクロールバーが出る仕様のことを言ってるのだと思います。