CODEWITHSUNDEEP
javascriptjqueryscrollhtml5-canvas
user1442605
user1442605

Reputation: 192

Enable page scrolling on <canvas> element

Currently a canvas element (which is built by a third party) on my webpage is intercepting drag events (because it assumes you want to drag something within the canvas), but this can "trap" the user within the canvas, especially if they zoomed in on it on mobile. I want the user to be able to scroll/swipe up and down on the canvas to reach the rest of the page above and below it, just like it were any other HTML element. They should be able to click into the canvas still, I just don't want the canvas to intercept regular page scrolling.

EDIT: I was able to find wheel and mousewheel events in the third-party code and remove them from the canvas object, resolving the issue for desktop users. Which event would be relevant for mobile users? I tried removing touchmove without success.

Upvotes: 1

Views: 1314

Answers (1)

towc
towc

Reputation: 2034

your issue seems to be that you're not correctly differentiating between scrolling and dragging.

I suggest you only prevent the default scrolling when the dragging actually takes place

Upvotes: 1

Related Questions