当我在移动设备上滚动div时，如何防止模态滚动？

Question

我有一个bootstrap模式打开并且在其中我创建了一个带溢出的div：auto。当我在桌面上它工作正常但在移动时我滚动该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>

类列表的div有这个css：

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

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

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

Answer 1

由于@RaphaelRafatpanah的以下评论的回答，我解决了我的问题

Correct Answer