Запретить прокрутку тела на сенсорных устройствах при прокрутке по модальным

Я работаю над веб-приложением, которое использует множество модальных оверлеев с прокручиваемым контентом в модальном режиме. На сенсорных устройствах, и в частности на Android, мобильный браузер хочет прокрутить содержимое тела за модальным, а не фактическую область прокручиваемого содержимого в модальном режиме. Или, если содержимое прокручивается, когда оно попадает в верхнюю или нижнюю часть прокручиваемой области, прокрутка затем продолжается по телу. Я не хочу, чтобы тело вообще прокручивалось при любых обстоятельствах, когда модальная видимость/активность.

Я попытался предотвратить это с помощью следующего кода, но он, кажется, не имеет эффекта (в этом случае $context является корнем документа):

$context.on('touchmove touchstart touchend', '[data-modal-content]', function(e) {
    e.stopPropagation();
});

У кого-нибудь есть другие идеи/понимание?