百分百源码网-让建站变得如此简单! 登录 注册 签到领金币!

主页 | 如何升级VIP | TAG标签

当前位置: 主页>网站教程>html5教程> zepto实现挪移端无缝向高低滚动-
分享文章到:

zepto实现挪移端无缝向高低滚动-

发布时间:08/01 来源:未知 浏览: 关键词:
这次给大家带来zepto实现挪移端无缝向高低滚动,zepto实现挪移端无缝向高低滚动的注意事项是什么,下面就是实战案例,一起来看一下。 这次给大家带来zepto实现挪移端无缝向高低滚动,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

打赏

打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

百分百源码网 建议打赏1~10元,土豪随意,感谢您的阅读!

共有150人阅读,期待你的评论!发表评论
昵称: 网址: 验证码: 点击我更换图片
最新评论

本文标签

广告赞助

能出一分力是一分吧!

订阅获得更多模板

本文标签

广告赞助

订阅获得更多模板