通過CSS打開側面菜單時防止滾動滾動

Question

我目前正在使用像舊Facebook應用程序這樣的側邊菜單的新網站。我的菜單正常打開，但如果我向下滾動頁面，則內容會滾動回頁面頂部，而不是保留在當前的滾動位置。

例子：http://staging.michalekbrothersracing.com/（向下滾動小的方式，然後單擊「我們的合作伙伴」按鈕）

任何人都有這個問題？任何提示或建議將不勝感激！非常感謝！

Answer 1

將e.preventDefault()添加到您的side-nav.js腳本中的click函數中。否則，瀏覽器會觸發#鏈接的默認行爲，因爲它未在頁面上定義，因此它是頁面的頂部。

$("#open-right").click(function(e) { 
    e.preventDefault(); 
    $("#open-right").css("display", "none"); 
    $("#close-right").css("display", "block"); 
}); 

$("#close-right").click(function(e) { 
    e.preventDefault(); 
    $("#open-right").css("display", "block"); 
    $("#close-right").css("display", "none"); 
});