Question

由于一些奇怪的原因，没有一个javascript代码用于在我点击点击工作时将页面推到顶部。所以我在这里发帖，也许你们比这更幸运。它把我抛到了顶端，但没有顺利过渡。它几乎就像脚本不工作......

<footer>
    <div id="right"><a href="#" id="TopPage"><img id="arrow" src="Img/arrow.png" alt=""></a></div>  
</footer>

<script>
$('#TopPage').click(function(){
          $('html, body').animate({ scrollTop: 0 }, 'slow');
})  
</script>

我在控制台中收到以下错误：

未捕获的ReferenceError：$未在F0mL36E：95
中定义

Answer 1

试试这个，看看是否有帮助。另外，正如上面提到的@quetzaluz，请确保将库添加到页面的末尾

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>

$('#TopPage').on('click', function(e) {
      e.preventDefault();
      $('html, body').animate({
        scrollTop: 0
      }, 'slow');
    });

Answer 2

此外，请确保在<。em> .js文件之前导入您的JQuery库。我通常最终把我的HTML放在头部，而我的.js文件放在身体的最后。否则，浏览器会在JQuery之前加载并处理.js文件，这会导致类似的错误。

单击图像返回页面顶部

2 个答案: