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

 

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值