我有这个代码:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.14/jquery-ui.min.js</script>
<script>
$(function() {
$('a.scrollToTop, a[href=#top]').click(function(){
$('html,body').animate({scrollTop:0}, 1500);
return false;
})
});
</script>
正文中的代码:
<a name="top"></a>
<p><a href="#top">Back to the Top</a></p>
但它不起作用。有人知道这是为什么吗?我环顾四周但找不到解决方案。
谢谢。
最佳答案
使用以下内容:
$(function() {
$('a.scrollToTop, a[href=#top]').click(function(e){
e.preventDefault();
$('html,body').animate({scrollTop:0}, 1500);
return false;
});
});
您需要更改})
至});
在 return false;
行之后。而且,由于您正在寻找 <a>
的点击,使用preventDefault()
.
关于javascript - 滚动到顶部未生效,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22224731/