页脚菜单不向上滑动

【问题标题】：footer menu doesn't slide up页脚菜单不向上滑动
【发布时间】：2014-03-11 11:21:38
【问题描述】：

我为具有 2 个功能的网站创建了一个顶部菜单：

1. 在滚动底部固定导航栏
2. 滑动切换导航栏

这是演示：JSBIN

但我有两个问题：

当页面在顶部并且菜单默认时，滑动切换效果很好

但是在将页面滚动到底部并单击导航栏下的箭头后，滑动切换不起作用

菜单包含 2 个 div：

菜单：

<div id="menu" class="top-nav">
  <ul>
    <li class="active"><a href="#home" class="scroll">home page</a></li>
    <li><a href="#about" class="scroll">home</a></li>
    <li><a href="#events" class="scroll">m</a></li>
    <li><a href="#home" class="scroll">dfsdfs</a></li>
  </ul>
</div>

导航栏下箭头键和行的div：

<div id="menu-footer">
  <div style="background:none repeat scroll 0 0 #CD1D27;padding:7px 0;"></div>
  <div id="open-close-toggle" style="background:url(http://up.tractorfc.com/images/48714086549751927852.png) no-repeat;height:32px;background-position:center;"></div>
</div>

第二个问题在菜单页脚

我认为有更好的方法可以将此代码替换为具有箭头键并在菜单向上滑动时显示红线

我将这个脚本用于滑动菜单栏：

<script>
  $("#open-close-toggle").click(function() {
    $("#menu").slideToggle();
  });
</script>

抱歉英语不好

【问题讨论】：

• 在

  中，只有一部分链接（