滚动模态时，防止触摸设备上的正文滚动

Question

我正在使用一个网络应用程序，该应用程序在模态中使用了大量带有可滚动内容的模态叠加层。在触摸设备上，特别是在Android上，移动浏览器想要滚动模态后面的主体内容而不是模态内的实际可滚动内容区域。或者，如果内容确实滚动，当它到达可滚动区域的顶部或底部时，滚动然后在身体上继续。在模态可见/活动的任何情况下，我都不希望身体完全滚动。

我尝试使用以下代码阻止此操作但似乎没有效果（在这种情况下，$context是文档根目录）：

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

任何人都有其他想法/见解吗？

Answer 1

元素提供的z-index有什么问题吗？也许Modal本身或内部容器没有堆叠在正文

之上