手写鼠标滚动(待完善

本文介绍了一个JavaScript函数myScroll,用于根据鼠标滚轮滚动方向控制DOM元素的滚动。通过设置定时器和中断器,实现平滑滚动并能响应滚轮操作。关键部分包括判断滚轮方向、计算滚动步长和时间间隔。scrollContainer函数则绑定了轮播事件,监听DOM的滚动事件并调用myScroll。
摘要由CSDN通过智能技术生成
const myScroll = (isDown) => {
    // const pageDom = 你要滚动的dom
    // 滚动步长
    const step = 20
    // 滚动时间间隔
    const timeStep = 15
    // 单次滚动的间隔移动的持续时间
    const continueTime = 150

    const gaper = setInterval(() => {
      let distinceToTop = pageDom.scrollTop
      isDown ? distinceToTop += step : distinceToTop -= step
      pageDom.scrollTo(0, distinceToTop)
    }, timeStep)

    let stopIntervalTimer = setTimeout(() => {
      clearInterval(gaper)
    }, continueTime)

    // this.stopIntervalTimerArray.push(stopIntervalTimer)
   // console.log("==1", this.stopIntervalTimerArray)
  }


  scrollContainer = () => {
    hotTableDiv.addEventListener('wheel', (e) => {
        var e = e || window.event;
        this.myScroll(e.wheelDelta < 0)
      }
    })
  }
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值