欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

关于scrollbar定位不准确的问题

程序员文章站 2022-06-07 13:18:40
...
scrollbar定位
之前试过用scrollIntoView方法去做滚动定位处理,但是一旦出现固定导航栏的情况就会被遮盖一部分,不能做计算。
document.getElementById('').scrollIntoView({ behavior:'smooth' });

如下方法正好可以解决此问题,scrollTo方法也可增加滑动动画效果,以及滚动位置的起始点:top,bottom

//ID是定位的锚点
let top = document.getElementById(ID).offsetTop
let width = document.documentElement.clientWidth
//top:距离浏览器顶端的偏移量,可根据固定导航栏的尺寸做运算
//behavior 滚动动画
window.scrollTo({top:top-100,behavior:'smooth'})