【ティラノビルダー】スクロールバーを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」の項目を追記すればいいんだね!

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


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

スポンサーリンク