jquery - 在 div 中横向滚动

Question

是否有任何脚本或 jquery 插件允许用户在 div 内作为菜单从左侧或右侧滚动？

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

Answer 1

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

如果您想做自定义滑块，请检查那里的 jsFiddle。

您可以创建一个遮罩区域并在其中放置元素，而不是使用鼠标滚轮插件可以计算滚轮的速度。您可以将此值用于动画蒙版区域：

这是工作的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;
});

Answer 2

只需使用这样的东西：

div
{
  overflow-y:scroll;
}

Answer 3

好吧，通过我自己的挖掘，我能够找到这几乎是我想要的。

http://code.comunicatek.com/en/tekslider_a_touch_focused_slider.html

想我会发布它，所以如果其他人正在寻找同样的东西，他们会看到它