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)
    })()
    

      

  • 相关阅读:
    java爬取Excel表格
    drf-view
    django--View
    tornado的Application的一些事儿
    tornado的路由分发
    线程和asyncio的比较
    GIL
    else的使用
    协程
    生成器代替迭代器
  • 原文地址:https://www.cnblogs.com/zhenjianyu/p/12965882.html
Copyright © 2011-2022 走看看