回到首页滚动特效

Posted 烦嚣的人

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了回到首页滚动特效相关的知识,希望对你有一定的参考价值。

  简单的一次返回顶部相比于滚动到顶部,显然后者用户友好性更好。

  实现方法1:jquery动画

$(‘body,html‘).animate({ scrollTop: 0 }, 800);

  实现方法2:js实现

  通过获取页面卷起的长度,每次滚动一点点,实现动画效果。

var height = $(window).scrollTop();     //获取卷起高度,方便起见使用jquery获取
var timer = setInterval(function(){
    height-= 30; //每次移动30像素
    if(height <=0){
        height=0;
        clearInterval(timer);
    }
    scrollTo(0,height);
} , 3);  //没三毫秒进行一次移动

 

以上是关于回到首页滚动特效的主要内容,如果未能解决你的问题,请参考以下文章

vue返回上一页面时回到原先滚动的位置

片段中的Firebase数据不是持久的,会重新下载

JQ+锚标记实现点击页面回到顶部

vue-router刷新页面后回到首页

求教php首页上想让两张图片循环滚动代码怎么写啊

如何在 MS Word 文档中显示代码片段,因为它在 *** 中显示(滚动条和灰色背景)