html - Lokesh Dhakar 的 Lightbox disableScrolling 跳转到页面顶部

Question

正如标题所说，我遇到了这个问题。禁用滚动的选项简单地应用

html.lb-disable-scrolling{overflow:hidden;position:fixed;height:100vh;width:100vw;}

到html。更改为将其设置为 body 而不是 html 并删除 position 后，它会按预期工作。 (必须将 js 中的目标也从 html 更改为正文)

body.lb-disable-scrolling{overflow:hidden;height:100vh;width:100vw}

但不知是否有更好的解决方案？

编辑:他的解决方案似乎也不适用于手机设备。

Answer 1

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

lightbox.option({ disableScrolling: true });

转到example ，打开控制台，输入上面一行。

进入关闭模型，再次打开图像后，一定可以。