当Lightbox出现时阻止滚动

Question

我在我的网站上使用 DOM窗口脚本来制作灯箱。当灯箱出现时，有没有办法阻止主页面的滚动，并在它消失时取消阻止？

或者，也许您可以建议更好的灯箱脚本吗？

谢谢。

- Roman

Answer 1

使用以下代码来禁用或启用窗口滚动条：

document.body.style.overflow="hidden";

展示你的灯箱并且...

document.body.style.overflow="visible";

如何隐藏你的灯箱：

但如果你真的在寻找更好的灯箱库，你可以尝试这个 jQuery 插件：

jQuery 灯箱插件

- Farzin Zaker

---

感谢您的帮助！ jQuery Lightbox插件是用于图像的，但我需要使用文本。 - Roman

你最好的解决方案是使用jQuery窗口，其中jQuery灯箱插件使用它。你只需要使用jQuery的浮动窗口来渲染任何你想要的内容。 - Farzin Zaker