zoukankan      html  css  js  c++  java
  • 容器同步滚动

    (function leftRightSyncScoll(){
      //获取DOM
      let left = document.getElementById('left')
      let right = document.getElementById('right')
     
      // 绑定左右滚动事件
      function bindLeft(){
        removeRight()
        left.addEventListener('scroll',scrollLeft)
      }
      function bindRight(){
        removeLeft()
        right.addEventListener('scroll',scrollRight)
      }
      // 移除左右绑定事件
      function removeLeft(){
        left.removeEventListener('scroll',scrollLeft)
      }
      function removeRight(){
        right.removeEventListener('scroll',scrollRight)
      }
      // 左右滚动执行设置scrollTop
      function scrollLeft(){
        let lst = left.scrollTop
        right.scrollTop = lst
      }
      function scrollRight(){
        let rst = right.scrollTop
        left.scrollTop = rst
      }
      //左右添加滚动事件
      left.addEventListener('mouseover', bindLeft)
      right.addEventListener('mouseover',bindRight)
    })()
    

      

  • 相关阅读:
    maven将依赖依赖打包到jar中
    Python模块之信号(signal)
    mog使用指南
    Docker 入门
    注册码
    区块链Readme.md
    彻底卸载 postgreSQL .etc
    Django
    111
    pip 安装 lxml等 出错 解决
  • 原文地址:https://www.cnblogs.com/zhenjianyu/p/12965882.html
Copyright © 2011-2022 走看看