jQuery滚动条回到顶部或指定位置

jQuery滚动条回到顶部或指定位置

在很多网站,为了增强用户体验,我们会看到回到顶部的按钮,不用手动拖拽滚动条就能回到顶部,非常方便。下面就介绍用jquery实现的滚动到顶部的代码

复制代码
$(function(){

    //点击id为go_top的元素时网页回到顶部

    $("#go_top").click(function(){

        $(’html,body’).animate({scrollTop:0},1000);//回到顶端

        return false;

    });

});
复制代码

 

当然我们也可以返回某个元素的位置,将以上代码写成:

$(’html,body’).animate({scrollTop:$("指定位置").offset().top}, 1000);//定位到该位置

posted on 2020-12-29 10:36  漫思  阅读(2161)  评论(0编辑  收藏  举报

导航