BETA

position: fixedなscrollbarを実現する

投稿日:2018-10-15
最終更新:2018-10-24

背景

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

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

解決方法

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

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

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

技術ブログをはじめよう Qrunch(クランチ)は、プログラマの技術アプトプットに特化したブログサービスです
駆け出しエンジニアからエキスパートまで全ての方々のアウトプットを歓迎しております!
or 外部アカウントで 登録 / ログイン する
クランチについてもっと詳しく

この記事が掲載されているブログ

@1phXZYyP8NTs1yKwの技術ブログ

よく一緒に読まれる記事

0件のコメント

ブログ開設 or ログイン してコメントを送ってみよう