jquery - 显示模态对话框时如何隐藏正文滚动条？

Question

我的主页有很多内容。当我创建任何模式对话框时，正文内容滚动条是可见的，当我们滚动时，它会向下滚动到页面底部。

在对话框中我还要显示很多内容。因此，如果我可以隐藏正文滚动条并仅显示模态的滚动条方式，那将是一个很好的用户体验。

想法是，当显示模态对话框和它上面的一些可滚动内容时，禁用主页滚动条并只显示当前可见模态 div 的滚动条。

我该怎么做才能隐藏正文内容滚动条并在模态 div 中显示滚动条。

我的客户端充满了 JavaScript 和 jQuery。

如有任何建议，我们将不胜感激!

Answer 1

将 $('body').css('overflow','hidden') 添加到显示模态的函数，以及 $('body').css(' overflow','scroll') 到您关闭模态的函数。