js 原生锚点定位

最新推荐文章于 2024-03-30 15:09:11 发布

尚梦

最新推荐文章于 2024-03-30 15:09:11 发布

阅读量409

点赞数

文章标签： javascript 前端 html

本文链接：https://blog.csdn.net/qq_42164957/article/details/128623740

版权

let dom = document.getElementById('要移动的目标位置');
let scrollTop = dom.offsetTop; // 要移动的距离

window.scrollTo({
    top: 100,          // 移动距离 自己定义
    behavior: 'smooth' // 平滑移动
})

封装方法

function handlestepthreebtn(calss){
    let dom1 = document.getElementsByClassName(calss)[0]; //移动的目标盒子
    let top = dom1.offsetTop; //需要移动的距离
    window.scrollTo({
         top: top-150,
         behavior: "smooth" //平滑移动
    });
}