html – Disable page drag on a mobile device


I'm developing a page where we have an <input type="range" min="1" max="10" value="5"> . Whenever I have to drag this input , if I miss my finger, I end up accidentally dragging the entire page. She goes to the side and back.

Is it possible to disable this page Drag ?


This is done at the operating system level, follow the link for you to check it out.

But there is an interesting solution which is:

As soon as you enter your page you can set the history for it.


document.location.hash = "";

you can take a test using:

Scroll to Top