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)

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM