vue3 实现门户网站页面鼠标滚轮控制页面上下滚动---类似轮播图

案例参考：首页_CNESA 储能研究平台

鼠标滚轮事件监听：

//监听鼠标滚动事件

 window.addEventListener('mousewheel', debounce(methodB,300), true)||window.addEventListener("DOMMouseScroll",debounce(methodB,300),false)

 //函数防抖

const debounce = (func, wait) =>{

        let timeout;

        return  function() {

            let context = this;

            let args = arguments;

            if (timeout) clearTimeout(timeout);

            timeout = setTimeout(() => {

                func.apply(context, args)

            }, wait);

        }

    }

具体实现代码