Question

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

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

Answer 1

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

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

你可以创建一个遮罩区域并在其中放置元素，而不是使用mousewheel插件来计算轮子的速度。您可以使用此值为动画遮罩区域设置：

$('.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

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

在div中横向滚动

3 个答案: