js 回到页面顶部

简介: 本文提供了一个JavaScript函数`scrollToTop`,用于平滑滚动页面回到顶部。该函数利用`requestAnimationFrame`和`window.scrollTo`方法逐步减少滚动条距离,直到页面完全回到顶部。
       var scrollToTop = () => {
                const t = document.documentElement.scrollTop || document.body.scrollTop;
                if (t > 0) {
                    window.requestAnimationFrame(scrollToTop);
                     window.scrollTo(0, t - t / 8);
                }
            };
目录
相关文章
|
26天前
|
容器
Vue3回到顶部(BackTop)
这是一个基于 Vue3 的头像组件库,提供了圆形和方形两种头像形状,并支持自定义大小、图片、图标及字符展示。
Vue3回到顶部(BackTop)
|
1月前
|
JavaScript Java
分别使用js与jquery写 单击按钮时出现内容 点击删除按钮不会再向下出现
分别使用js与jquery写 单击按钮时出现内容 点击删除按钮不会再向下出现
16 1
|
4月前
|
存储 JavaScript 前端开发
JS中让二级菜单栏一直保持展开状态,页面跳转也不会改变
JS中让二级菜单栏一直保持展开状态,页面跳转也不会改变
|
4月前
|
JavaScript
js回到顶部
js回到顶部
32 0
|
JavaScript
【Vue功能】回到顶部
网页中右下角点击回到顶部的功能,原理简单。
673 0
|
JavaScript 小程序
js微信小程序页面左上角返回跳转指定页面
js微信小程序页面左上角返回跳转指定页面
1562 2
js微信小程序页面左上角返回跳转指定页面
|
JavaScript 前端开发
js实现悬浮按钮并回到页面顶部
js实现悬浮按钮并回到页面顶部
469 0
|
JavaScript 前端开发
JS 页面滚至顶部动画效果
JS 页面滚至顶部动画效果
JS 页面滚至顶部动画效果
|
JavaScript
vue.js:点击空白区域关闭弹窗
vue.js:点击空白区域关闭弹窗
353 0
|
前端开发 JavaScript
前端效果 - 新页面初始化到最顶部位置(Vue.js 版)
前端效果 - 新页面初始化到最顶部位置(Vue.js 版)
232 0
前端效果 - 新页面初始化到最顶部位置(Vue.js 版)