html - Lokesh Dhakar 的灯箱禁用滚动跳转到页面顶部

Question

正如标题所说，我有这个问题。禁用滚动的选项仅适用

html.lb-disable-scrolling{溢出：隐藏；位置：固定；高度：100vh；宽度：100vw；}

到 html。更改为将其设置为 body 而不是 html 并删除位置后，它按预期工作。（必须将 js 中的目标也从 html 更改为 body）

body.lb-disable-scrolling{溢出：隐藏；高度：100vh；宽度：100vw}

但我想知道是否有更好的解决方案？

编辑：似乎他的解决方案也不适用于电话设备。

标签： htmlcssresponsive-designlightbox2

Answer 1

只需将以下行添加到您的 lightbox-plus-jquery.min.js 文件中。

lightbox.option({ disableScrolling: true });

转到example，打开控制台，然后输入上面的行。

输入关闭模型并再次打开图像后。它肯定会工作。