javascript - 滚动到顶部未生效

Question

我有这个代码：

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

但它不起作用。有人知道这是为什么吗？我环顾四周，但找不到解决方案。

谢谢。

Answer 1

已经有很多答案了，但我已经开始了，所以这里是一个使用 id 的小提琴

http://jsfiddle.net/LRtXj/

$(function() {
    $("#top").click(function(){
        $("html, body").animate({ scrollTop: "0px" }, 1500);
        return false;
    })
});

 <p><a href="#" id="top">Back to the Top</a></p>

Answer 2

使用以下内容：

$(function() {
    $('a.scrollToTop, a[href=#top]').click(function(e){
        e.preventDefault();
        $('html,body').animate({scrollTop:0}, 1500);
        return false;
    });
});

您需要})在});. return false;而且，由于您正在寻找 的点击<a>，请使用preventDefault().

Answer 3

将 ID 添加到您的 a 标签

<p>
    <a href="#top" id="scrollTop">Back to the Top</a>
</p>



$('#scrollTop').click(function(){ 
    $('html,body').animate({ scrollTop: 0 }, 'slow');
    return false; 
});