スマホ、iosでスクロールバーを常に表示させるにはjavascriptが必要

参考サイト：
https://qiita.com/shinkazu1202/items/d192a70856e8bc63c7bc
iosはios13から完成スクロールが導入されました。
ios12以下は未導入のようです。

そして、ios13ではcssのみでは、スクロールバーが常に表示できません。

そこで、javascriptを使用します。

ファイルはGitHubからダウンロードします
https://github.com/mdbootstrap/perfect-scrollbar

ただし、2019年12月05日時点では最新のjavascriptファイルかcssファイルに問題があるようで、
下記のデモサイトからファイルのソースは使用しました。
http://cly7796.net/wp/sample/plugin-perfect-scrollbar/index1-4.html

使用方法は以下の通りです。

まずファイルを読み込みます。

<link rel="stylesheet" href="perfect-scrollbar.css" />
<script src="perfect-scrollbar.js"></script>

次にhtmlへスクロールさせる要素を記入

<div id="sample">
  <p>テストテストテスト</p>
</div>

cssファイル

#sample {
  position: relative;
  width: 400px;
  height: 400px;
}

javascriptで呼び出します。

var ps = new PerfectScrollbar('#sample');