javascript - 使用 TweenLite、CSSPlugin 和 ScrollToPlugin 的可拖动全屏幻灯片

Question

我是 GreenSocks Tween 库的新手，我想知道是否有一种方法可以使用 drag 事件扩展可用的“full-page-mousewheel-scrollable”画廊，以转到下一张/上一张幻灯片。

在this fiddle我已经从 this post article 复制了画廊的所有代码和库。 .

Answer 1

你看过HammerJS了吗？ ？

Here is a working JSBin

添加了这段代码

var myElement = document.getElementById('hammer');
var hammertime = new Hammer(myElement,{
    recognizers: [
        [Hammer.Swipe,{ direction: Hammer.DIRECTION_ALL }]
    ]
});
hammertime.on('swipeup', goToNextSlide);
hammertime.on('swipedown', goToPrevSlide);