React-window: 常に表示されるスクロールバーを備えたシステム/ブラウザで水平スクロールバーを非表示にする方法はありますか?

作成日 2020年04月06日  ·  3コメント  ·  ソース: bvaughn/react-window

水平スクロールバーは、垂直スクロールバーの下にスペースがあることを示します🤔。 水平スクロールバーは、垂直バーが存在する場合は常に表示されます。

react-virtualized-auto-sizerパッケージを使用して、100vhに等しいグリッド幅を実現しています。

image

全てのコメント3件

これは、スクロールバーに関連する非常に一般的な動作です。 overflow-x: hidden;設定してみます

少し前に遭遇した問題の複製のようですhttps://github.com/bvaughn/react-window/issues/65

説明した動作は、垂直スクロールバーもスペースを占有し、指定したグリッド幅を超えているために発生します。 OSのスクロールバーの幅を考慮し、それに応じてグリッドの幅を調整する必要があります。

スクロールバーの寸法を計算するための巧妙なトリック/ハックがあります。
https://stackoverflow.com/questions/13382516/getting-scroll-bar-width-using-javascript

@ matthewma7@martynaskadisaに回答してくれてありがとう🔥
私はそのタイプの問題に対していくつかの魔法の議論または人気のある解決策があることを望んでいました😃😕。

必要な情報がすべて提供されたので、この問題は解決できると思います😄

このページは役に立ちましたか?
0 / 5 - 0 評価