javascript - 模态打开时禁用正文滚动(`body { overflow: hidden }` 不起作用)
问题描述
我试图阻止body
模式/弹出窗口打开时滚动。
已经有很多关于这个问题的问题,但这些问题的答案总是添加{ overflow: hidden; }
到body
模式打开的时间。但由于某种原因,它对我不起作用。
添加{ overflow: hidden; height: 100vh; }
会禁用滚动,但现在每次打开模式时它都会跳转到页面顶部。{ position: fixed; }
做同样的事情。
为他人添加作品但对我不起作用{ overflow: hidden; }
的原因可能是什么?body
当模式打开时,还有其他方法可以禁用滚动吗?
解决方案
推荐阅读
- javascript - 如何在另一个数组中每隔一个元素插入每个数组元素?
- next.js - Next 加载 SWC 二进制文件失败
- flutter - 视频结束时,Youtube 应用程序未关闭 Amazon firetv
- json - JSON嵌套数组/对象到SOAP XML正文-我在将以下JSON请求转换为Dataweave中的soap请求时遇到了困难
- swift - 如何在 SwiftUI 中增加网格中的填充?
- javascript - Spotify API 只获得了一些设备,但我的手机获得了所有设备
- python-3.x - VS 代码中的 Python
- reactjs - 在 ASP.NET Core 应用程序中配置 React Dev Server
- r - 带有裁剪栅格的R中星星栅格的边缘检测
- python - 如何将不断变化的字符串从重复出现的字符串之间拉到列表或新变量中?