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()而且我是网络编程的新手。 / p>

这是我的医生的负责人：

<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>

scrollTo（）函数不能正常工作

1 个答案: