一.PC端点击滑动到顶部
1.首先找到滚动条在那个盒子上
F12打开 点击左上角的鼠标键 然后滑到滚动条上 谷歌浏览器可以直接Ctrl + Shift +C然后滑到滚动条上 看是那个盒子亮了
比如
我这里告诉我是id为home的这个盒子
2.写法
如果是在body上 就把我的document.getElementById("home").scrollTop替换成document.body.scrollTop即可 滚动速度可以自己修改
// 定义一个ds定时器
let ds = setInterval(() => {
// 每0.01s往上滑动40px
document.getElementById("home").scrollTop -= 40
// 如果最后小于40px时
if (document.getElementById("home").scrollTop <= 40){
// 直接归0
document.getElementById("home").scrollTop = 0
// 清空定时器
clearInterval(ds)
}
}, 10);
二. uni点击滑动到指定dom
运用原生方法 scrollIntoView() 方法,将调用它的元素滚动到浏览器窗口的可见区域
document.getElementById("caseInfo").scrollIntoView({behavior: 'smooth'});