燈箱進化防止窗口滾動問題

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