javascript - HTMLテーブル用のフローティング水平スクロールバー

Question

非常に背の高いhtmlテーブルがあります。表の下部にあるスクロールバーに到達するには、Webページを垂直方向にスクロールする必要があります。ユーザーがページをスクロールしていてテーブルが表示されているときに、ブラウザウィンドウの下部にあるテーブルの水平スクロールバーをフロートさせることができれば便利です。そのようなことはできますか？

状況のjsFiddleの例を次に示します。http：//jsfiddle.net/RurTZ/1/

Answer 1

@KDavidによるGridの提案は良いですが、もう少し軽いものを探している場合は、floatingScrollbar jQuery プラグイン( demo ) で成功しました。

プラグイン JS がロードされていることを確認した後、マジック コールが発生します。

$('.your-div').floatingScrollbar();

また、div CSS を次のように設定する必要がありました。

.your-div {
  overflow-x: auto;
  width: 100%;
}

これが機能しているjsFiddleのフォークです：http://jsfiddle.net/RxTQM/1/

Answer 2

はい、<div>タグ内に配置しoverflow:scroll;、div のスタイルに追加します。