平滑滚动无法正常工作 [关闭]

Question

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

这里给出原始代码：

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

修改后的代码：

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

Answer 1

有几个问题：

1. JQuery 未在您的代码笔中链接

2. a 标签中的ids 如下所示：

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

而不是这个

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

1. 你打电话给：

   onmousedown="autoScroll('slide1');
   

在您的 a 标签中，但 autoSCroll 未在您的 JS 中定义

4. if 声明中的这一行：

   $(this).get(0).id
   

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

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

事实上，您根本不需要那些if 语句。由于您在href 中调用div 中的id，您可以简单地执行以下操作：

 target = $(this).attr("href");

返回：#slide1 或 #slide2 等。这将针对您的 div 和相同的 id

NEW CODEPEN