html – Disable page drag on a mobile device

Question:

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 ?

Answer:

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

http://www.mobilexweb.com/blog/safari-ios7-html5-problems-apis-review

But there is an interesting solution which is:

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

Example:

document.location.hash = "http://www.meusite.com.br/";

you can take a test using:

window.history.back()
Scroll to Top