本文实例讲述了JS+HTML5手机开发之滚动和惯性缓动实现方法。分享给大家供大家参考，具体如下：
1. 滚动 以下是三种实现方式：
1) 利用原生的css属性 overflow: scroll div id= parent style = overflow:scroll; divid='content'内容区域/div /div Notice: 在android 有bug,滚动完后会回退到最顶端的内容区域，解决办法是使用后两种方式实现
2)js 编程实现 思路：对比手指在屏幕上移动前后位置变化改变内容元素content
1. 滚动
以下是三种实现方式：
1) 利用原生的css属性 overflow: scroll
Notice:
在android 有bug,滚动完后会回退到最顶端的内容区域，解决办法是使用后两种方式实现
2)js 编程实现
思路：对比手指在屏幕上移动前后位置变化改变内容元素content的位置
第一步：设置parent的 overflow为hidden,设置content的position为relative,top为0;
第二步：监听touch事件
第三步：实现滚动代码
第四步：优化
优化部分请参见:
3) 使用iScroll4框架
2.惯性缓动
思路：取手指最后一段时间在屏幕上划动的平均速度v，让v按一个递减函数变化，直到不能移动或v<=0
PS：这里再为大家推荐几款代码格式化、美化工具，相信大家在以后的开发过程中会用得到：
在线JSON代码检验、检验、美化、格式化工具：
更多关于jQuery相关内容感兴趣的读者可查看本站专题：《》、《》、《》、《》、《》、《》、《》及《用法总结》
希望本文所述对大家jQuery程序设计有所帮助。
