How to hide the scroll bars if there is no content outside of the current viewing area?

[quinn280]

Testable Address: https://codesandbox.io/s/zoom-2t797o?file=/src/App.js

I am hoping to toggle displayHorizontalScroll and displayVerticalScroll based on whether there is content in the current viewing area. Is there any way to do this?

For example:

In the photo below, all of the content is inside the current viewing area. In this case I would want the scroll bars to be hidden.

In this photo, there is some content outside of the current viewing area. In this case I would want the scroll bars to be visible.

[daybrush]

ok i'll check it out.

I'll try with a configuration similar to Figma.

[daybrush]

@quinn280

infinite-viewers' new version is released. Try it again.