Fatal编程技术网
  • javascript/
  • Javascript 模式打开时禁用正文滚动（`body{overflow:hidden}`不起作用）

Javascript 模式打开时禁用正文滚动（`body{overflow:hidden}`不起作用）

javascript jquery css

Javascript 模式打开时禁用正文滚动（`body{overflow:hidden}`不起作用）,javascript,jquery,css,popup,popupwindow,Javascript,Jquery,Css,Popup,Popupwindow,当模式/弹出窗口打开时，我试图阻止主体滚动 关于这个问题已经有很多问题了，但是这些问题的答案总是在模态打开时将{overflow:hidden；}添加到正文中。但出于某种原因，它对我不起作用 添加{overflow:hidden；height:100vh；}会禁用滚动，但现在每次打开模式时它都会跳到页面顶部{position:fixed；}做同样的事情 为什么将{overflow:hidden；}添加到正文对其他人有效，但对我无效？当模式打开时，有没有其他方法可以禁用滚动？我们可以找到原因，但前

当模式/弹出窗口打开时，我试图阻止
主体
滚动

关于这个问题已经有很多问题了，但是这些问题的答案总是在模态打开时将
{overflow:hidden；}
添加到
正文中。但出于某种原因，它对我不起作用

添加
{overflow:hidden；height:100vh；}
会禁用滚动，但现在每次打开模式时它都会跳到页面顶部
{position:fixed；}
做同样的事情


为什么将
{overflow:hidden；}
添加到
正文
对其他人有效，但对我无效？当模式打开时，有没有其他方法可以禁用滚动？
我们可以找到原因，但前提是您要发布代码，最好是在…当您将
{overflow:hidden；}
添加到正文时，它会限制页面的高度，因此您的滚动位置丢失。这就是为什么移除溢出时，它不会向后滚动。请尝试在启用
模式时更改
主体{height:100vh；overflow-y:hidden；}
open@Shashank，同样的，不起作用。请在此提供一个代码示例，或者创建一个提琴。