页面全屏无限滚动切换图片

189 阅读1分钟
// 监听鼠标滚轮事件
window.addEventListener('wheel', function(e) {
    if (!e.deltaY) return;
    if (e.deltaY > 0) {
        // up
    } else if (e.deltaY < 0) {
        // down
    }
});
// 监听过度动画结束事件
window.addEventListener('transitionend', function() {
    // 执行相应代码
})

// 监听触摸事件
scroll.addEventListener('touchstart', function (e) {
    // 开始时的位置
    const startClientY = e.changedTouches[0].clientY;
    scroll.addEventListener('touchend', function (e) {
        // 结束时的位置
        const endClientY = e.changedTouches[0].clientY;
        // 移除监听事件
        scroll.removeEventListener('touchend', arguments.callee);
    });
});