防止 window 滚动问题的灯箱演变

Question

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

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

我添加了以下代码：

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

它可以防止滚动发生，但是如果我在页面中途启动 link 然后它会自动尝试滚动到页面顶部，这有点违背了滚动的目的。

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

提前致谢

Answer 1

将此添加到您的脚本中：

$('a.light-box').on('click', function(e){
   e.preventDefault();
});

防止 window 滚动问题的灯箱演变

Lightbox evolution preventing the window from scrolling issue

javascript

jquery

css

plugins

lightbox