PC点击滑动到顶部以及uni点击滑动到指定dom

一.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'});

猜你喜欢

转载自blog.csdn.net/notagoodwriter/article/details/128785354