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

【问题标题】：Lightbox by Lokesh Dhakar disableScrolling jumps to top of the pageLokesh Dhakar 的灯箱禁用滚动跳转到页面顶部
【发布时间】：2021-11-25 15:02:16
【问题描述】：

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

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

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

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

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

编辑：看来他的解决方案也不适用于手机设备。

【问题讨论】：

【解决方案1】：

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

lightbox.option({ disableScrolling: true });

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

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

【讨论】：

【解决方案2】：

此行为是 Lightbox2 脚本中的错误。您可以在官方 repo 中看到它的报告：https://github.com/lokesh/lightbox2/issues/620

已在 2019 年 4 月 21 日发布的 v2.11.0 中修复。升级应该可以解决您的问题。 https://github.com/lokesh/lightbox2/releases/tag/v2.11.0

【讨论】：