Jak zapobiec przewijaniu dokumentów, ale umożliwić przewijanie elementów div na stronach dla iOS i Androida?
Stworzyłem stronę internetową z jQueryMobile na iOS i Androida.
Nie chcę, aby sam dokument się przewijał. Zamiast tego tylko obszar (a<div>
element) powinien być przewijalny (przez właściwość cssoverflow-y:scroll
).
Więc wyłączyłem przewijanie dokumentów przez:
$(document).bind("touchstart", function(e){
e.preventDefault();
});
$(document).bind("touchmove", function(e){
e.preventDefault();
});
Ale to również uniemożliwi przewijanie wszystkich innych elementów w dokumencie, niezależnie od tego, czyoverflow:scroll
jest ustawiony lub nie.
Jak mogę to rozwiązać?