デバイスに関係なくスマホ風のスクロールバーを表示したい

###[ ! ]
|
|
| この質問はしばらく寝かせておきます
|
|

[√] 全てのデバイスでスマホ風のスクロールバーを表示したい

[√] 要件

あくまでもVanilla JSにこだわる (not jQuery)
スマホのように内包要素に干渉しない（{position:absolute; right:0;}のような感じ)
ただし，スクロールバーは常に表示する（スマホみたいに触ってないときに消えたりしない）
デザインのカスタマイズ性も持たせたい

[√] きっかけ

PC・スマホでWebページを作っていたら，デバイスによって左右がずれる要素を発見
↓
要素の位置をright:○px;で指定していたことが原因
スクロールバーが表示される場合（PC）と，表示されない場合（SP）で
最右端がスクロールバーの幅の分，1remほどズレることが分かった

せっかくだからスクロールバーの表示をスマホ風に統一したいと思い，色々調べたがjQueryばっかり...
できるだけ読み込むJSは最小限にしたいし，他の部分でもjQueryなんか使ってないので，VanillaJSで実装したい．
しかし，どうやったら良いのかさっぱり分からない（JSのことよく分かってない）
vanillaJSで書かれたプラグインがあるならそれを使いたいけど，無いなら書くしかない

###つまり,**「基本的なところからでも良いので，vanilla jsでのスクロールバーの作成方法が知りたいです，教えてください(>_<)」**ということなのです！

x_x

2017/06/26 09:09

ネタ・・・なんですかね？

-1an.vvks-

2017/06/27 03:59

ネタではないんですが，僕のスキルが圧倒的に足りていないことが問題解決を妨げていることは明白なので，ある程度勉強してから出直そうと思った次第です．また新しく，(バグのような現象)[https://teratail.com/questions/81712]に当たってしまったので，そちらへの対応が先だということも理由の一つです．結構手ごわそうなので，何か解決法に心当たりがあれば，教えていただきたいです．