水平スクロールバーは、垂直スクロールバーの下にスペースがあることを示します🤔。 水平スクロールバーは、垂直バーが存在する場合は常に表示されます。
react-virtualized-auto-sizer
パッケージを使用して、100vhに等しいグリッド幅を実現しています。
これは、スクロールバーに関連する非常に一般的な動作です。 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に回答してくれてありがとう🔥
私はそのタイプの問題に対していくつかの魔法の議論または人気のある解決策があることを望んでいました😃😕。
必要な情報がすべて提供されたので、この問題は解決できると思います😄