zepto实现挪移端无缝向高低滚动-
企业的挪移端项目是基于zepto的,有一个页面请求文字能够无缝地不绝向上滚动,但查了网上的材料,大多都是基于jquery的,虽然稍作修改就可以用于挪移端,但不克不及实现抚摸高低翻动。所以就去了zepto的官网查看其API,却发明要是要运用zepto的swipe()办法,需要援用其已经封装好的touch.js文件,我就赶快援用了这个js文件,可在现实测试中,官网给出的touch.js文件不克不及适用于swipe()办法,于是,一头雾水,继续查材料,因为网上对于zepto方面的东西较少,所以,也没有寻出其不克不及适用于swipe()办法的缘由。后来,不经意间发明由baidu云Clouda团队开发的一个touch.js(当前,该js也是由这个团队在保护),在这个js环境下竟然能运用swipe()办法,于是,赶快拿来测试。效果很OK哇!这里要着重谢谢baidu云Clouda团队,你们真牛!!! 在这里要注意,zepto自身是没有animate()办法的,它是将这个办法封装成了一个fx.js(去官网下载),所以在运用animate()时要援用fx.js。
若您觉得本插件有bug或不够之处,请留言,我将及时修改,感谢!
下列是基于zepto的挪移端无缝向上滚动并高低抚摸滑动插件的完备代码:
HTML局部:
无标题文档
- 11111111111222222
- 2222222202
- 3333333303
- 4444444404
- 5555555505
- 6666666606
- 1111111111
- 2222222202
- 3333333303
- 4444444404
- 5555555505
- 6666666606