关于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'})
上一篇: Oracle的日期时间范围查询
推荐阅读
-
关于mysql查询字符集不匹配问题的解决方法
-
Android关于WebView中无法定位的问题解决
-
startup启动不起来关于监听的问题
-
关于找不到mss32.dll文件或无法定位的问题解决方法详细介绍
-
关于北斗掉线问题,从使用方来谈谈卫星定位的问题
-
关于shopex同步ucenter的redirect问题,导致script不运行
-
关于ORACLE通过file_id与block_id定位数据库对象遇到的问题引发的思考
-
关于vmware workstations与device/credential不兼容启动报错的问题
-
关于移动端scroll不执行的问题
-
关于Android中的AlarmManager使用后不唤醒的问题