当我在移动设备上滚动 div 时如何防止模式滚动？答案

【问题标题】：How to prevent modal scrolling when I scroll div inside it on mobile?当我在移动设备上滚动 div 时如何防止模式滚动？
【发布时间】：2017-06-01 20:41:43
【问题描述】：

我打开了一个引导模式，并在其中创建了一个带有溢出：自动的 div。当我在桌面上它工作正常但在移动设备上当我滚动该 div 模态的内容时也会滚动。滚动 div 时如何防止模态滚动？？

我使用插件滚动条perfectscrollBar.js。

在我的模态体中，我有这个 div

<div class="list"><ul></ul></div>

并从 javascript 我添加 <li></li> 所以它变成：

<div class="list">
 <ul>
  <li>Jhon</li>
  <li>Mark</li>
 </ul>
</div>

类 list 的 div 有这个 css：

.list {
  height: 70px;
  overflow: auto;
}

所以当我填充 div 时，它将是可滚动的。自定义滚动条 perfecscrollBar.js 是从 jquery 简单实现的：

$(".list").perfectScrollbar();

【问题讨论】：

您的一些相关代码可能会帮助我们为您的情况找到解决方案。请添加代码，谢谢。
为了防止滚动，您需要定义一些等于或小于视口高度的高度，并将overflow: hidden;添加到滚动元素。问题是，你在哪个元素上添加了它？尝试找出哪个元素正在滚动，然后添加height: 100vh; overflow: hidden;（或其他一些高度值）
@RaphaelRafatpanah 谢谢，现在它工作正常

【解决方案1】：

感谢@RaphaelRafatpanah 对以下评论的回答，我解决了我的问题

【讨论】：