平滑滚动无法正常工作

Question

我已经从stackoverflow复制了javascript平滑滚动代码，并在我的页面中进行了修改，但它无效。

原始代码在这里给出：

http://jsfiddle.net/swfour/dN4S4/1/

修改后的代码：

http://codepen.io/anon/pen/VYmLva

Answer 1

有几个问题：

1. JQuery未在您的codepen中链接

2. id代码中的a代码如下：

   id="#sld1" //should be just sld1 no #
   

而不是

    id="sld1" // # isn't included in HTML, thats a CSS indicator 

1. 你在打电话：

   onmousedown="autoScroll('slide1');
   

在a代码中，但您的JS中未定义autoSCroll

1. if声明中的这一行：

   $(this).get(0).id
   

应该是$(this).attr("id")

您overflow: hidden上的
1. body, html阻止了网页向下滚动动画。删除它。

事实上，根本不需要那些if语句。由于您在id中呼叫div的{​​{1}}，您可以这样做：

href

哪个会返回： target = $(this).attr("href"); 或#slide1等。这会针对同一#slide2

的div

NEW CODEPEN