当前位置： 移动技术网 > IT编程>网页制作>CSS > 移动web之触摸touch介绍

移动web之触摸touch介绍

2018年03月01日  | 移动技术网IT编程  | 我要评论

氧化物,烙印战士,万爱花年轻照片

移动web之触摸touch介绍

这里写图片描述

这里写图片描述

这里写图片描述

弹性滚动

当客户端的页面滚动到顶部或底部的时候，滚动条会收缩并让 我们多滑动一定距离。通过缓冲反弹的效果，带给用户良好的体验。

移动web页面也是拥有这样的能力的，但滚动有几种情况需要考虑：

body层滚动：(系统特殊化处理)

自带弹性滚动，overflow:hidden 失效，GIF和定时器暂停

局部滚动

没有没有弹性滚动，没有滚动惯性，不流畅

局部滚动开启弹性滚动

这里写图片描述

下拉刷新：顶端下拉一小点距离，页面弹性滚动向下

上拉加载：使用scroll事件，而不是touch事件(android有bug)

您可能感兴趣的文章:

如对本文有疑问，请在下面进行留言讨论，广大热心网友会与你互动！！ 点击进行留言回复

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网