显示模态对话框时如何隐藏身体滚动条?

17 css jquery

我的主页有很多内容.当我创建任何模态对话框时,可以看到正文内容滚动条,当我们滚动时,它会向下滚动到页面底部.

在对话框中我还要显示很多内容.所以,如果我可以隐藏身体滚动条并仅显示模态的滚动条意味着,那将是一个很好的用户体验.

这个想法是,当在它上面显示模态对话框和一些可滚动内容时,禁用主页面滚动条并仅显示当前可见模态div的滚动条.

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

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

任何建议都会很感激!

mVC*_*Chr 22

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

  • `$('body').css('溢出','继承')`关闭可能稍好一点. (6认同)
  • 最好的是使用`$('body').css('overflow','')`:) (3认同)