使用TweenLite，CSSPlugin和ScrollToPlugin可拖动全屏幻灯片

Question

我是GreenSocks Tween库的新手，我想知道是否有办法用drag事件扩展可用的“全页面 - 鼠标滚轮 - 可滚动”库，转到下一个/上一张幻灯片。

在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);