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ć?

questionAnswers(10)

yourAnswerToTheQuestion