scrollTo（）函数不工作，因为它应该

Question

我想在我的网页上实现一个简单的动画，并且我使用scrollTo()函数来这样做。但是，该按钮没有反应。 这里是我的代码：

<button class = "logobutton" onclick = "scroll()"> 
    <figure class = "icon"> 
     <img src = "logo.png"> 
    </figure> 
</button> 

<script> 
function scroll() { 
    $("body").scrollTo("#bottom"); 
} 
</script> 

bottom是我的下一个div的ID。

我想这个问题可能是因为我加载了错误的CDN，但我不确定，因为这是我第一次使用scrollTo()，并且对于一般的网络编程来说是新手。

这里是我的文档的头：

<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css"> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> 
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script> 
<link rel="stylesheet" href="style.css"> 
<script src="//cdn.jsdelivr.net/jquery.scrollto/2.1.0/jquery.scrollTo.min.js"></script> 

Answer 1

小心onclick没有拼写onlclick简单，容易出错，使而是查看你的代码张贴在这里之前。

你的代码应该是

<button class = "logobutton" onclick = "scroll()"> 
     <figure class = "icon"> 
      <img src = "logo.png"> 
     </figure> 
    </button> 

<script> 
function scroll() { 
    $("body").scrollTo("#bottom"); 
} 
</script>