React-window: Gibt es eine Möglichkeit, die horizontale Bildlaufleiste auf Systemen/Browsern mit immer sichtbarer Bildlaufleiste auszublenden?

Erstellt am 6. Apr. 2020 · 3Kommentare · Quelle: bvaughn/react-window

Eine horizontale Bildlaufleiste zeigt an, dass sich unterhalb der vertikalen Bildlaufleiste ein Leerzeichen befindet 🤔. Die horizontale Bildlaufleiste wird immer angezeigt, wenn die vertikale Leiste vorhanden ist.

Ich verwende das Paket react-virtualized-auto-sizer , um eine Rasterbreite von 100 Vh zu erreichen.

Quelle

gonuit

Alle 3 Kommentare

Dies ist ein sehr häufiges Verhalten im Zusammenhang mit der Bildlaufleiste. Ich würde versuchen, overflow-x: hidden; einzustellen

matthewma7 am 8. Apr. 2020

😕1

Sieht aus wie ein Duplikat eines Problems, auf das ich vor einiger Zeit gestoßen bin https://github.com/bvaughn/react-window/issues/65

Ihr beschriebenes Verhalten tritt auf, weil die vertikale Bildlaufleiste auch Platz beansprucht und mehr als Ihre angegebene Rasterbreite beträgt. Sie müssen die Breite der OS-Bildlaufleiste berücksichtigen und Ihre Rasterbreite entsprechend anpassen.

Es gibt einen netten Trick/Hack, um die Abmessungen der Bildlaufleiste zu berechnen:
https://stackoverflow.com/questions/13382516/getting-scroll-bar-width-using-javascript

martynaskadisa am 10. Apr. 2020

😕1 👍1

Danke @matthewma7 und @martynaskadisa für eure Antworten 🔥
Ich hatte gehofft, dass es für diese Art von Problem ein magisches Argument oder eine beliebte Lösung gibt 😃😕.

Ich denke, dass dieses Problem geschlossen werden könnte, da alle erforderlichen Informationen bereitgestellt wurden 😄

gonuit am 12. Apr. 2020

War diese Seite hilfreich?

0 / 5 - 0 Bewertungen