Jquery手机向上滑动翻页怎么实现
3个回答
2014-08-13
展开全部
//声明一个为0的变量做记录值
doucument.body.addEvenetListener('touchstart',function(e){
//记录下按下时的e.touches[0].clientY或者e.touches[0].pageY;
});
document.body.addEventListener('touchmove',function(e){
//获取当前e.touches[0].clientY或者e.touches[0].pageY 并且与之前记录的值比较 当前值大于之前值的话就可以判断当前动作是在向上滑动 然后做翻页的操作即可
});
如果用现成的js框架做的话 有一个叫quo.js的框架非常不错
doucument.body.addEvenetListener('touchstart',function(e){
//记录下按下时的e.touches[0].clientY或者e.touches[0].pageY;
});
document.body.addEventListener('touchmove',function(e){
//获取当前e.touches[0].clientY或者e.touches[0].pageY 并且与之前记录的值比较 当前值大于之前值的话就可以判断当前动作是在向上滑动 然后做翻页的操作即可
});
如果用现成的js框架做的话 有一个叫quo.js的框架非常不错
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
用swipe插件
之前做过这个功能,但是在手机上面这样的交互效果并不好
首先手机对动画的支持有限,不流畅
其次如果同一个页面出现多个滚动条,会有麻烦
不建议使用这样的翻页方式
可以考虑参考百度新闻移动端
使用“点击加载更多”,通过简单的tap事件实现分页,这也是最简洁有效的方式
之前做过这个功能,但是在手机上面这样的交互效果并不好
首先手机对动画的支持有限,不流畅
其次如果同一个页面出现多个滚动条,会有麻烦
不建议使用这样的翻页方式
可以考虑参考百度新闻移动端
使用“点击加载更多”,通过简单的tap事件实现分页,这也是最简洁有效的方式
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
网上有jquery插件的。找个就ok了。
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询