回到页面上方点击图片点击

-1

由于某些奇怪的原因，没有一个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>

我碰到下面的错误在我的控制台：

Uncaught ReferenceError: $ is not defined at F0mL36E:95

来源

2017-03-04 Filip5

它适合我。 –

它有平滑过渡吗？ – Filip5

你在浏览器的控制台中是否有任何错误？ – j08691

试试这个，看看是否有帮助。另外，作为@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'); 
    });

来源

2017-03-04 23:16:20

结束此外，请确保您的jQuery库导入您的.js文件前。我通常最终将我的头放在HTML的头部，并将我的.js文件放在主体的末尾。否则，浏览器会在JQuery之前加载和处理.js文件，从而导致类似的错误。

来源

2017-03-04 23:50:49 arsilhavy

做到这一点，它现在运行平稳。 – Filip5

回到页面上方点击图片点击

回答

相关问题