鼠标滚动事件

Question

鼠标上下滚动，上下切换图标，判断了鼠标的上下滚动方向，如何让图片与控制按钮上下切换呢？

Answer 1

先实现一个图片翻页的函数，监控滚轮事件调用这个函数

Answer 2

在滚动监听事件中获取更改图片

$(window).on('scroll', function () {

    var scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop
    scrollTop = scrollTop + 220

    ·····

})

Answer 3

图片和按钮的上下切换做成函数
监听鼠标滚轮根据上下滚动去掉这个函数就好。需要注意这个函数的操作频率