どうして消したんですかAppleさん。
やっぱりスクロールバーがあったほうが良い場面ってあるんです。
なので、JavascriptやCSSで表示するプラグインが存在します。
そのなかでもSimplebarというプラグインが使いやすそうでした。
使い方については下記記事がとてもわかりやすいです。
スクロールバーのカスタマイズは『Simplebar』を使えばだいたい解決すると思ったので使い方を紹介する試み | Weblasts
さて、これだけなら本記事の存在価値は無い訳です。
これに関連して調べたけど全く見つからなかったことがあったのでこの記事を執筆しております。
それは、掲題の通りですが、水平スクロールバーを上に表示したかったのです。
で、調べたのですが見つからず、今流行りのAIにお伺いを立ててみたわけです。
すると、CSSを書き足すだけで簡単にできそうなことを言ってくるではないですか。
じゃー、ってんで、やってみたわけです。
なんとできたではないかっ！
できてみれば単純で、bottomをキャンセルしてtopを指定するだけ。
すべての水平スクロールバーを上部にするのなら、これだけでOKっす。
/* 上部にスクロールバーを配置 */
.simplebar-track.simplebar-horizontal {
top: 0; /* 上部に固定 */
bottom: unset; /* 下部からの固定を解除 */
}
まあ、実はAIくんの言う通りそのままでは動かなかったので修正は必要だったけどね。
気付きを与えてくれたというだけでありがたい。
私がAIにコードを依頼するとほぼ100パーセントの確率で正常に動かないコードを提出してくるんですけど、皆さんの場合はちゃんと使えているのかな？
もしかして、私がAIに嫌われているのかも？
