灯箱进化防止窗口滚动问题

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'});} 
}); 

它可以防止发生滚动，但如果我启动一个链接一半下来的页面，然后它会自动试图滚动到页面顶部这有点儿打败了滚动的目的。

有没有其他的CSS属性，我可以用来防止它滚动到页面的顶部？

在此先感谢

Answer 1

添加到您的脚本：

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