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