一般做滚动定位都喜欢加个滚动动画,没有固定导航的使用scrollIntoView可以满足,但是加入固定导航栏后就会出现定位不准确的问题。
document.getElementById('').scrollIntoView({ behavior:'smooth' });//固定导航会挡住定位锚点
解决办法:
使用window.scrollTo()方法
先找到滚动定位锚点所需的滚动高度:
let top = document.getElementById('').offsetTop;
利用计算得来的滚动高度减去导航栏的高度,可以精确地定位到该锚点。并且可以加滚动动画:
//100为固定导航栏的高度
window.scrollTo({top:top-100,behavior:'smooth'});
加固定导航栏时,滚动scrollbar定位不准确的问题
最新推荐文章于 2024-01-10 10:16:35 发布