2017-06-08 53 views
3

split.jsというライブラリを使用して、4つのHandsontableインスタンスを4つのウィンドウに均等に分割して作成しました。Handsontable - 水平スクロールバー消滅

次に、コンテナのオーバーフローをautoに設定して各ウィンドウのスクロールバーを有効にしました。

#equipment { 
    overflow: auto; 
} 

すべてのGUI操作の下でスクロールバーが垂直位置に正常に表示されます。

ただし、水平スクロールバーはもう少しバグがあります。具体的には、ウィンドウの初期ロード時に、水平スクロールバーはどこにも見えません。しかし、split.jsの溝をドラッグすると、スクロールバーが魔法のように再び現れます!しかし、コンテナ内のハンドウインドウをクリックすると、水平のスクロールバーが再び動きます(ハンドベースのベースに)。下の画像を参照してください。 Buggy Horizontal Scroll Bars

また、私はこの問題を示すフィドルを作成しました。

https://jsfiddle.net/JoshAdams/4p8jLcnk/

は、だから私の質問は、私は常に、上記のすべての状況下で表示される水平スクロールバーを作るのですかですか?

答えて

2

overflow:autoは、親よりも高さの高い要素上にありました。親はoverflow:hiddenであるため、子要素の水平スクロールは表示されませんでした。私はあなたがオンホバースクロールバーを望んでいたかどうか分からなかったので、CSSに追加しましたがコメントアウトしました。ここに更新されたフィドルがあります。

https://jsfiddle.net/4p8jLcnk/9/

+0

Great thanks man。今すぐ完璧に動作します! :) – Josh

関連する問題