灯箱演变防止窗口滚动问题

Lightbox evolution preventing the window from scrolling issue

本文关键字：窗口 滚动 问题      更新时间：2023-09-26

我希望有人能帮我解决这个问题。我目前正在使用 lightbox evolution 插件在我的页面上显示一些漂亮的灯箱。

我注意到，如果显示模态/灯箱，它允许用户继续上下滚动页面。

我添加了以下代码：

$('a.light-box').lightbox({
    'onOpen'  : function() {$('html, body').css({'overflow': 'hidden','height': '100%'});},
    'onClose' : function() {$('html, body').css({'overflow': 'auto','height': 'auto'});}
});

它可以防止滚动发生，但是如果我在页面的一半启动一个链接，那么它会自动尝试滚动到页面顶部，这有点违背滚动的目的。

我可以使用任何其他 css 属性来防止它滚动到页面顶部吗？

提前致谢

将此添加到脚本中：

$('a.light-box').on('click', function(e){
   e.preventDefault();
});
相关文章：