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

问：

我创建了一个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，我尝试了滑动和平移事件但没有成功，我该如何创建一个具有相同逻辑但触摸的方法？