回到页面上方点击图片点击
问题描述:
由于某些奇怪的原因,没有一个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
答
试试这个,看看是否有帮助。另外,作为@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');
});
答
结束此外,请确保您的jQuery库导入您的.js文件前。我通常最终将我的头放在HTML的头部,并将我的.js文件放在主体的末尾。否则,浏览器会在JQuery之前加载和处理.js文件,从而导致类似的错误。
+0
做到这一点,它现在运行平稳。 – Filip5
它适合我。 –
它有平滑过渡吗? – Filip5
你在浏览器的控制台中是否有任何错误? – j08691