您现在的位置:首页 >> 前端 >> 内容

移动web之触摸touch介绍

时间:2018/2/28 11:37:26 点击:

  核心提示:移动web之触摸touch介绍弹性滚动当客户端的页面滚动到顶部或底部的时候,滚动条会收缩并让 我们多滑动一定距离。通过缓冲反弹的效果,带给用户良好的体验。移动web页面也是拥有这样的能力的,但滚动有几...

移动web之触摸touch介绍

移动web之触摸touch介绍

移动web之触摸touch介绍

移动web之触摸touch介绍

弹性滚动

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

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

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

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

局部滚动

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

局部滚动开启弹性滚动

移动web之触摸touch介绍

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

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

Tags:移动 动W WE EB 
作者:网络 来源:zjsfdx的博客