为什么我的平滑滚动jQuery不滚动而是跳跃？

Question

我正在一个网站上工作。我想要一个粘性菜单栏，当您单击链接时，它会向下滚动到锚点。但是，它确实下降但不平滑。我已经尝试了很多东西，但是没有一个能正常工作。有人可以解释吗？这是我的代码。 https://jsfiddle.net/ab47dL3z/

HTML：

C_SRC           +=
ASM_SRC         += pi/3/start.S

$(BUILD_DIR)/pi/3/start.S.o: pi/3/start.S pi/3/include/cpu/sysregs.h
        $(CC) -c $< $(ASFLAGS) -o $@

jQuery：

<div class="frontPage"></div>
<div class="menubar">
  <div id="links">
    <a href="#about">About</a>
    <a href="#line-up">Line-up</a>
    <a href="#floorplan">Floorplan</a>
    <a href="#tickets">Buy Tickets</a>
    <a href="#rules">Rules</a>
    <a href="#sponsors">Sponsors</a>
  </div>
</div>


<div id="container">
  <div id="about"></div>
  <div id="line-up"></div>
  <div id="floorplan"></div>
  <div id="tickets"></div>
  <div id="rules"></div>
  <div id="sponsors"></div>
</div>