iscroll插件的使用
git下载地址
iscroll参考文档
注意
使用iscroll时,一定要满足父盒子嵌套了子盒子
子盒子大小一定要超过父盒子的大小
new IScroll('.jd_content', {
scrollX:false,//横向滚动
scrollY:true//纵向滚动
});
Zeptol插件的使用
Zepto是一个轻量级的针对现代高级浏览器的JavaScript库, 它与jquery有着类似的api。 如果你会用jquery,那么你也会用zepto。
zepto与jquery的区别
- jquery针对pc端,主要用于解决浏览器兼容性问题,zepto主要针对移动端。
- zepto比jquery轻量,文件体积更小
- zepto封装了一些移动端的手势事件
- zepto的使用与jquery基本一致,zepto是分模块的,需要某个功能,就需要引入某个zepto的文件。
<script src="zepto/zepto.js"></script>
<script src="zepto/event.js"></script>
<script src="zepto/fx.js"></script>
<script>
$(function () {
$(".box").addClass("demo");
$("button").on("click", function () {
$(".box").animate({width:500}, 1000);
});
});
</script>
关于tap事件与click事件
1, click事件在pc端非常用,但是在移动端会有300ms左右的延迟,比较影响用户的体验,300ms用于判断双击还是长按事件,只有当没有后续的的动作发生时,才会触发click事件
2, tap事件只要轻触了,就会触发,体验更好。