【ティラノビルダー】スクロールバーをCSSでカスタマイズするやり方メモ

 

スマホからブラウザノベルを起動した時、スクロールバーが細すぎてタップできないことに気づきました。(フリックは効かない?)


なので、タップしやすいようにスクロールバーをぶっとくすることにしました。


以下、メモがてら書いていきます。

 

スポンサーリンク

tyrano.cssに追記するだけ

 

/*スクロールバーカスタマイズ*/
::-webkit-scrollbar {
	width: 50px !important;
}

 

↑のように追記するだけです。


::-webkit-scrollbarがスクロールバーの要素を表していて、「width: ○px !important」で横幅を指定します。「!important」はCSSを上書きするためのおまじないです。


なお、背景色や背景画像もカンタンに変えられます(「background: #○○;」や「background-image: url(“○○”) !important;」を加えればOK)

 

そのへん詳しい説明はこちら

ティラノビルダーのダイアログをカスタマイズするやり方メモ

 

 

まとめ

 


tyrano.cssに「::-webkit-scrollbar」の項目を追記すればいいんだね!

 

スクロールバーを太くしたおかげでスマホでタップしやすくなりました。


今回は以上です。良きノベルゲライフを────ではまたφ(・ω・ )

 

スポンサーリンク
タイトルとURLをコピーしました