DEV Community


Posted on

I need an information about the scrollability

Hi guys!
I need an information. Is there a way to make the window unscrollable by touch on touch screen devices? I would like to make it scrollable only from PC.

Discussion (3)

tchaflich profile image
Thomas C. Haflich

Is there a particular reason you would like to do this? It's not impossible, but it's finicky and prone to bugs, so it might be easier to just rework your design.

You could try disabling the relevant "touch*" events, (see Event.preventDefault), but that might have some unintended consequences. Many tablet / convertible-style devices (like the Surface) implement these events. Plus, iOS touch-scrolling events are always a pain to work with, since Apple really does not want you messing with page scrolling.

andy profile image
Andy Zhao (he/him)

Hmm you could make your page's height in mobile view to something like height: 100%? I would use media queries to adjust based on mobile/laptop and desktop views.

andybullet profile image
AndyBullet Author

I don't want to remove the scrollability, I want to make it work, but only from computer.