为了账号安全,请及时绑定邮箱和手机立即绑定

关于移动端swipeUp,swipeDown无效的问题

老师,你好!

我最近做了一个滑屏效果,用zepto.js也加载touch模块了,左右滑动好用,上下滑动swipeUp,swipeDown在手机上没有反应,不触发这个事件,想问一下怎么解决?

正在回答

5 回答

默认行为只支持左右,上下操作还需要额外设置

var page2 = $("#page2");//jQuery对象page2

var hammerPage2 = new Hammer(page2[0]);

hammerPage2.get('swipe').set({ direction: Hammer.DIRECTION_ALL });

hammerPage2.on('swipeleft swiperight swipeup swipedown',page2TouchStart);


下划线这句是关键!!


0 回复 有任何疑惑可以回复我~

手机有默认的上下滑动事件加上下面这句即可

document.addEventListener('touchmove', function (event) {
event.preventDefault();
}, false);

0 回复 有任何疑惑可以回复我~

swipeDown在pc上测试没问题,但在手机(ios)上没效果。楼上的方法我也尝试了没用。 还有说zepto要引入 touch.js模块 官网上是没有的 去github下载 然后引入 touch.js即可  。我也没找到合适的,求解决方法。

0 回复 有任何疑惑可以回复我~

document.addEventListener('touchmove', function (event) {
event.preventDefault();
}, false);

加上这句试试

1 回复 有任何疑惑可以回复我~
#1

web_ing

IOS加上这句后事件有反应了。但是Android4.4会触发两次。
2016-03-11 回复 有任何疑惑可以回复我~

同求啊,想写个向上划动的代码,发现swipeUp没反应

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
移动端开发框架Zepto.js入门
  • 参与学习       78569    人
  • 解答问题       50    个

移动端开发必学框架---Zepto.js入门视频教程,学起来吧

进入课程

关于移动端swipeUp,swipeDown无效的问题

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信