javascript - 放大的弹出窗口在灯箱前面显示滚动条

标签 javascript jquery css magnific-popup

所以我一直在使用 Magnific Popup 通过灯箱显示内容。

一开始我遇到了滚动条消失以及灯箱后面的内容向右移动的问题。

所以我添加了 html { 溢出-y:滚动; } 现在滚动条保持可见并且没有向右移动。

问题是,滚动条在灯箱上方可见,我觉得这是不可取的。

您可以在页面的简化版本中看到问题(单击占位符): http://test.ilgufoblu.net/lab/prova.html

不知道如何解决这个问题(如果可以解决的话)。

最佳答案

在您的示例中,如果我将 margin: 0; (您可以使用填充以可视方式重新创建)添加到 body 并删除 overflow-y:scroll from html (或将其替换为 auto),我相信它的行为符合预期。这是一个 fiddle :https://jsfiddle.net/523mcv1k/

关于javascript - 放大的弹出窗口在灯箱前面显示滚动条,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38347242/

相关文章:

php - 将选择的多选选项值设置为使用 json 选择

javascript - 函数不识别 .data() 值 jquery

html - 用于打印的跨浏览器 CSS

css - SVG - 具有笔划宽度的圆圈未填充 Chrome

javascript - Ajax 请求加载时间过长

javascript - 使用 gruntjs 注释或取消注释 js block

JavaScript 计数不起作用 : doubling instead of adding up

php - 如何将多个 jQuery 日期选择器值发送到数据库

html - 使用 Bootstrap 流下表

javascript - 具有 x、y 值 golang 结构的 Highcharts 数据