显示粘滞导航时保持窗口不移动

Question

所以我在我正在处理的网站上有一个带有手机下拉菜单的粘性标题。

您可以看到这里发生了什么，同时缩小窗口大小以使切换按钮显示：http://www.revival.tv/turningpoint/

我的问题是我希望在切换菜单时保持菜单，而不是让它滚动回顶部。这可能吗？

这是我处理切换的js：

$("#social-wrap li:nth-child(4)").click(function(){
   $("#phone-nav").slideToggle("slow");
});
$("#phone-nav a").click(function(){
   $("#phone-nav").slideUp("fast");
});

Answer 1

我认为发生这种情况的原因是因为锚标签 href 设置为"#"，默认位于页面顶部

<a href="#">m</a>

将其更改为

<a href="javascript:void(0)">m</a>