Jquery手机向上滑动翻页怎么实现

发布网友发布时间：2022-05-07 06:48

共3个回答

热心网友时间：2022-04-22 19:59

//声明一个为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的框架非常不错

热心网友时间：2022-04-22 21:17

用swipe插件
之前做过这个功能，但是在手机上面这样的交互效果并不好
首先手机对动画的支持有限，不流畅
其次如果同一个页面出现多个滚动条，会有麻烦
不建议使用这样的翻页方式
可以考虑参考百度新闻移动端
使用“点击加载更多”，通过简单的tap事件实现分页，这也是最简洁有效的方式

热心网友时间：2022-04-22 22:51

网上有jquery插件的。找个就ok了。