javascript - 打开模态视图时禁用主体滚动

标签 javascript html css modal-dialog

我正在创建这个网站,当您单击标题第二行最右端的链接时,模式窗口会显示 youtube 视频 嵌入。

当我滚动模式时,BODY 也会滚动,我想停止它。我怎么能那样做?

帮助将不胜感激! 感谢您的宝贵时间。

最佳答案

在您的 CSS 中添加以下规则:

body.modal-open { overflow: hidden; }

此外,使用一些 jQuery,以便在模式打开时添加 .modal-open类别为 <body>标签,当它关闭时,您将其删除。

$("#myModal").on("show", function () {
  $("body").addClass("modal-open");
}).on("hidden", function () {
  $("body").removeClass("modal-open")
});

关于javascript - 打开模态视图时禁用主体滚动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29897300/

相关文章:

php - 在提交表单之前检查是否已填写某些字段

javascript - 使用 Javascript 取消选择文本

php - 如何在 JavaScript 中显示 MySQL 中 "onclick"的下一个结果?

html - 重叠 "Zoom"div 阻塞文本和选项选择

css - 方向媒体查询不适用于 iPad mini

javascript - Dropbox 直接从浏览器上传文件

html - 如何使用 CSS Grid 动态更改我的 div 顺序?

javascript - 在 JavaScript 中转换计算时遇到问题

javascript - 同位素装订线在页面加载时不完美,但在窗口调整大小后变得完美

javascript - 如何统一功能(将3个功能连接为1个)