是否有任何脚本或 jquery 插件允许用户在充当菜单的 div 内部从左或右滚动?
整个页面将是静态的,但您可以向左或向右滑动以选择不同的页面。最终结果将在 iPad 上查看。类似于任何 iOS 设备中的封面流功能。
最佳答案
编辑: 哈哈,看来我误解了这个问题。您可以使用 jQuery Mobile 或 swipe.js 创建您自己的基于触摸的 slider .我还在这里找到了一个基于触摸的 slider 插件:http://www.photoswipe.com/
如果你想做你的自定义 slider ,检查那边的 jsFiddle。
您可以创建一个 mask 区域并在其中放置元素,而不是使用 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;
});
关于jquery - 在 div 中横向滚动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14612678/