@1phXZYyP8NTs1yKwの技術ブログ

背景

お仕事で作っている管理画面システムですごく長いテーブルを表示させるんですが、bootstrapのテンプレートを使っている関係で、画面全体のスクロールバーは使えず、横のスクロールバーが下の方に行かないと出ないという状況になりました。

検索したけど情報が出てこなかったので、自分で考えました。

解決方法

scrollさせたい対象と同じ幅の中身のないFixedなElementを用意して、そこのスクロールと対象のスクロール量を同じにしてやりました。

See the Pen Fixed Scroll Bar by maruyama (@tempakyousuke) on CodePen.

自分ではこれぐらいしか思いつきませんでしたが、もしもっといい方法があれば教えてください。

この記事へのコメント

まだコメントはありません