欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

移动web之触摸touch介绍

程序员文章站 2022-08-10 15:20:27
移动web之触摸touch介绍 弹性滚动 当客户端的页面滚动到顶部或底部的时候,滚动条会收缩并让 我们多滑动一定距离。通过缓冲反弹的效果,带给用户良好的体验。 移...

移动web之触摸touch介绍

移动web之触摸touch介绍

移动web之触摸touch介绍

移动web之触摸touch介绍

弹性滚动

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

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

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

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

局部滚动

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

局部滚动开启弹性滚动

移动web之触摸touch介绍

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

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