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

DevilAngelia

已于 2023-11-13 10:03:25 修改

阅读量206

点赞数 1

CC 4.0 BY-SA版权

文章标签：前端 javascript

于 2023-11-13 09:22:09 首次发布

本文链接：https://blog.csdn.net/DevilAngelia/article/details/134369852

// 监听鼠标滚轮事件
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);
    });
});