jquery - 在div中横向滚动

是否有任何脚本或jquery插件可以使用户从用作菜单的div内部向左或向右滚动？

整个页面是静态的，但是您可以向左或向右滑动以选择其他页面。最终结果将在ipad上查看。类似于任何ios设备中的Cover Flow功能。

最佳答案

编辑:大声笑，好像我误解了这个问题。您可以使用jQuery mobile或swipe.js创建自己的基于触摸的滑块。我也在这里找到了一个基于触摸的滑块插件:http://www.photoswipe.com/

如果要创建自定义滑块，请检查那里的jsFiddle。

您可以创建一个遮罩区域并在其中放置元素，而使用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;
});