3

I have 2 scrollable elements ( from react-window) side by side, that are "synchronized": scrolling one will make the other scroll too.

I would like to hide the vertical scrollbar of the left element so they appear as one single element, like a table. And let the scrollbar from the right element displayed.

Here is an example: https://codesandbox.io/s/focused-fire-4j5ro

I cant use ::-webkit-scrollbar because it also hide the horizontal scrollbar, that I need to keep.

I tried this trick: Hide scroll bar, but while still being able to scroll but it seems not to work with react-window.

Does anyone have an idea for this use case ?

Thank you !

adnpwd
  • 101
  • 1
  • 10
  • any solution you found ? – Mukund Kumar Jun 14 '20 at 13:52
  • The only solution I found was to overlap the left
    with the other
    . You can position the right
    so it hides the scollbar form the left
    . You can use dom-helpers/util/scrollbarSize to get the correct size of your scrollbar, depending on the browser.
     – adnpwd Jun 17 '20 at 20:16

0 Answers0