在 div 中横向滚动答案

【问题标题】：Scrolling sideways in a div在 div 中横向滚动
【发布时间】：2013-01-30 20:04:42
【问题描述】：

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

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

【问题讨论】：

滑动？所以这是针对触控设备的？你以前见过这种模式吗？你能链接到一个例子吗？

标签： jquery html ios ipad jquery-mobile

【解决方案1】：

编辑： 大声笑，我好像误解了这个问题。您可以使用 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;
});

【讨论】：

【解决方案2】：

只要使用这样的东西：

div
{
  overflow-y:scroll;
}

【讨论】：

操作询问“充当菜单”溢出只会滚动浏览内容。
div里的内容不能是菜单吗？我想一个可行的例子会有很大帮助。
是的，我不是这么想的，一个很好的思考方式是类似于任何 ios 设备的相册视图，您可以从每个元素中滑动选择。跨度>
哇，人们肯定对这个网站的投票感到高兴。如果您不评论否决票的原因，那有什么意义？这对给出答案的人有什么帮助？
那么您是在寻找基于触摸还是基于鼠标的功能？

【解决方案3】：

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

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

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

【讨论】：