原文:利用轮播原理结合hammer.js实现简洁的滑屏功能

最近有个任务,做一个非常小的h 的应用,只有 屏,需要做横向的全屏滑动切换和一些简单的动画效果,之前做这种东西用的是fullpage.js和jquery,性能不是很好,于是就想自己动手弄一个简单的东西来实现。最后我用zepto hammer.js 和轮播的方式解决了这个问题,效果还不错,整个页面不开启Gzip时所有资源请求的数据大小为 KB左右。这篇文章总结下这个方法的实现思路。 效果演示 代码下 ...

2016-02-02 10:22 10 5458 推荐指数:

查看详情

Hammer.js——给bootstrap添加触功能

Hammer.js qq群号(html5技术交流):158677025 手机端演示二维码(或直接在手机中输入网址:http://lilinfeng.cncoder.me 浏览效果): 一、前言 移动端框架当前还处在初级阶段,但相对于移动端的应用来说已经有 ...

Wed Jul 27 18:48:00 CST 2016 0 2291
Hammer.js

朋友炒股两个月赚了10万,我帮他推广一下公众号,把钱用来投资总比放银行连通货膨胀都跑不过里强, 硬核离职,在家炒股 ,这是他每天的日志,有些经验是花钱也买不到的。 一、前言 移动端框架当前还处在初 ...

Thu Jan 22 15:45:00 CST 2015 48 55917
hammer.js初探

  最近觉得自己的进步比较慢了,很有可能是因为中文区的学习和百度的使用极大的限制了自己的视野,所以,以后无论是新技术的学习,还是问题的解决,做到以下几点: 新技术的学习必须通过英文文档,而不是 ...

Mon May 15 02:21:00 CST 2017 0 12170
Hammer.js移动端触框架的使用

hammer.js是一个多点触摸手势库,能够为网页加入Tap、Double Tap、Swipe、Hold、Pinch、Drag等多点触摸事件,免去自己监听底层touchstart、touchmove、touchend事件并且写一大堆判断逻辑的痛苦。hammer.js不但支持触摸设备的浏览器 ...

Thu Apr 21 22:51:00 CST 2016 1 5554
hammer.js中文文档

转自:http://www.uedsc.com/hammerjs-api.html HammerJS是一个优秀的、轻量级的触设备手势库,现在已经更新到2.04版本,跟1.0版本有点天壤地别了,毕竟改写了事件名并新增了许多方法,允许同时监听多个手势、自定义识别器,也可以识别滑动方向 ...

Sat May 05 00:13:00 CST 2018 0 1130
Hammer.js分析(三)——input.js

input.js是所有input文件夹中类的父类,浏览器事件绑定、初始化特定的input类、各种参数计算函数。 Input父类和其子类就是在做绑定事件,各种参数计算、整合、设置等返回自定义事件对象,交给识别器的相关对象使用。 一、Input父类 Input相当于一个抽象类,对象中总共有 ...

Wed Feb 17 18:00:00 CST 2016 1 1874
Hammer.js分析(一)——基础结构

从github上面将源码下载下来,会发现有个src文件夹。当前版本是2.0.6。 总的结构如下: 一、常量 这里将常量全部列在一起是可以在对比源码的时候,更方便的查看相应内容。 二、utils.js 各种工具方法包含 ...

Mon Feb 15 18:07:00 CST 2016 0 2299
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM