JavaScript获取div中的滚动条的位置

// 文件结构如下, 父容器高度固定,内容超出时出现滚动条,现在需要获取滚动条的位置

<div id="center" style="height: 500px;overflow-y: auto;">
     <div></div>
</div>

script:
var center_scrollTop = 0 // 记录滚动条位置的变量

// 监听div的滚动事件,同时给变量赋值
document.getElementById('center').addEventListener('scroll', (e)=>{
  center_scrollTop  = e.target.scrollTop  
})

// 回到之前的位置,根据业务需要,可以加个延迟(我是加了,不然没法回到之前的位置)
setTimeout(() => {
    document.getElementById('center').scrollTop = this.old_scrollTop
   }, 100)

 

posted @ 2021-08-06 13:53  yw3692582  阅读(2888)  评论(0编辑  收藏  举报