移动端

概念解析

1.流式布局

 

 非主流适配方案

浏览器现状

 touch触发事件-----与pc端拖拽原理一致

 实例

触摸事件中三个重要属性

changedTouches: 触摸点改变后会记录此,包括开始点击,或者手指移开或者手指滑动都会记录

targetTouches: 指手指触摸的元素,是一个集合

touches: 页面上所有触发点集合

clientX、clientY是基于浏览器窗口(视口:viewPoint)

pageX、pageY是基于页面(视口: viewPoint)

screenX、screenY基于屏幕

 

 tab事件----本质就是通过touch事件转换

 原理: 1)touchstart 和touchend时间差小于150毫秒

          2)不能触发touchmove事件

 满足以上两条就是tap事件.

 区域滚动插件

iscroll ----在区域内左滚动效果的插件,iPhone原生支持但是Android都不支持,所以需要使用这个插件.