zepto 和 IScroll 的使用

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事件只要轻触了，就会触发，体验更好。