通过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"); 
});