Touch基础事件
上拉加载事件
touchstart的触发BUG
touch对象属性
touch基础事件
开启局部滚动的弹性滚动
body {
overflow: scroll;
-webkit-overflow-scrolling: touch;
}
局部弹性滚动
文字区:
-webkit-transform: translate(-50%,-50%);水平偏移
截图区:


开启弹性滚动
上拉加载。
下拉刷新。
弹性滚动。
Touch对象
移动端事件:
tap事件:{
穿透
}
touch事件: {
手势判断
}
弹性滚动: {
弹性滚动:css样式
}
下拉刷新: {
touch(手势判断)
}
上拉加载:{
scroll (不用touch是因为安卓在touch事件中的bug touchEnd会不执行)
}
局部滚动的开启
Andriod中Touch事件的bug
1- 实现swipe的需要的计算函数设计
2- swipe实现原理:start的时候拿出一个点 end的时候拿出一个点 计算两个点之间的距离 信息 到达时间 来获取手势信息
在一些不支持触摸事件的pc上用鼠标事件代替触摸事件:
1- swipe事件是由touch事件实现的
局部弹性滚动
上拉加载
使用scroll事件而不是touch事件
下拉刷新
顶端下拉一小点距离,页面弹性滚动向下
局部滚动开启弹性滚动
弹性滚动
滚动的几种情况
Bug及解决方案