I'm currently facing a challenge with implementing a movable background in my React webapp using the react-zoom-pan-pinch library. My goal is to create a background that users can move by dragging. However, I'm encountering an issue where, if the height of my background is set to 200vh, I'm unable to scroll beyond 100vh with the drag function. Scrolling to the bottom is only possible using the browser's scrollbar. It seems like the scroll functionality of the drag action and the browser scrollbar are not integrated. Despite seeking advice from ChatGPT and scouring the web, I haven't found a solution to this problem. Does anyone have any suggestions on how to enable seamless scrolling with the drag function for a background larger than the viewport?
Chillex
Posted on
React Scrolling issue
For further actions, you may consider blocking this person and/or reporting abuse
Top comments (0)