jquery - 在 div 中横向滚动

Question

是否有任何脚本或 jquery 插件允许用户在充当菜单的 div 内部从左或右滚动？

整个页面将是静态的，但您可以向左或向右滑动以选择不同的页面。最终结果将在 iPad 上查看。类似于任何 iOS 设备中的封面流功能。

Answer 1

编辑: 哈哈，看来我误解了这个问题。您可以使用 jQuery Mobile 或 swipe.js 创建您自己的基于触摸的 slider .我还在这里找到了一个基于触摸的 slider 插件:http://www.photoswipe.com/

如果你想做你的自定义 slider ，检查那边的 jsFiddle。

您可以创建一个 mask 区域并在其中放置元素，而不是使用 mousewheel插件，你可以计算车轮的速度。您可以将此值用于动画蒙版区域:

Here is working jsFiddle.

$('.mask').bind('mousewheel', function(event, delta) {
    var dir = delta > 0 ? 'up' : 'down', 
    vel = Math.abs(delta);//mousewheel's velocity value

    var cur = parseInt($('.imgHolder').css('left'));

    if( dir === 'up' && cur <= 0 ) {
        $('.imgHolder').css({'left':'+='+ vel*5 +'px'});
    }
    else if ( dir === 'down' && cur > -1100 ){
        $('.imgHolder').css({'left':'-='+ vel*5 +'px'});
    }

    return false;
});