Fatal编程技术网
  • css/
  • 通过CSS转换打开侧菜单时防止正文滚动

通过CSS转换打开侧菜单时防止正文滚动

css

通过CSS转换打开侧菜单时防止正文滚动,css,scrolltop,css-transforms,Css,Scrolltop,Css Transforms,我目前正在开发一个新网站，它利用了像旧的Facebook应用程序那样的侧菜单。我的菜单可以正常打开，但是如果我在页面上向下滚动，内容会滚动回页面顶部，而不是停留在当前的滚动位置 示例：（向下滚动一点，然后单击“我们的合作伙伴”按钮） 还有其他人有这个问题吗。？任何提示或建议将不胜感激！非常感谢 将e.preventDefault（）添加到脚本中，单击侧导航.js中的函数。否则，浏览器将触发#链接的默认行为，因为该链接未在页面上定义，因此位于页面顶部 $( "#open-right" ).clic

我目前正在开发一个新网站，它利用了像旧的Facebook应用程序那样的侧菜单。我的菜单可以正常打开，但是如果我在页面上向下滚动，内容会滚动回页面顶部，而不是停留在当前的滚动位置

示例：（向下滚动一点，然后单击“我们的合作伙伴”按钮）

还有其他人有这个问题吗。？任何提示或建议将不胜感激！非常感谢

将
e.preventDefault（）
添加到
脚本中，单击
侧导航.js中的
函数。否则，浏览器将触发
#
链接的默认行为，因为该链接未在页面上定义，因此位于页面顶部


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