jquery和hammer.js使用时出现的问题

问题描述 投票:0回答:0

我创建了一个 jquery 函数,能够来回滚动项目列表,并且它与鼠标滚轮完美配合。 现在我计划使用hammer.js 来应用与触摸相同的逻辑,但我失败得很惨。

我的职能:

$.fn.scrollToNearest = function (delta) {
        var direction = delta > 0 ? "prev" : "next"; // Get the direction of the scroll.
        var elementToScroll = $(this)[direction](); // Get the element that should be scrolled into view.
    
        // Scroll the element into view.
        if (elementToScroll.length) {
            var id = elementToScroll.attr("id");
            document.querySelector("#" + id).scrollIntoView({
                behavior: "smooth",
                block: "end",
            });
        }
        return this; // Needed for other methods to be able to chain off of scrollToPreviousOrNext.
};

在尝试使用hammerjs时,我尝试了滑动和平移事件但没有成功,如何创建一个具有相同逻辑但触摸的方法?

javascript jquery function hammer.js
© www.soinside.com 2019 - 2024. All rights reserved.