讲了这么久的webapp，开始给大家讲讲我们webapp中掉过的坑，并把一切基本技巧通过微信和大家分享。

在使用app时，往往在页面滚动到头部或者底部时，会出现弹性反弹效果。在原生应用中，这个是基本的ui体验细节。但是在webapp中，却需要仔细设置了。

使用safari的时候，在页面过长时，拉到底部或者头部往往都有弹性的，这是safari浏览器特有的。

在webapp上，为了实现页面的弹性碰撞，我们可以借鉴safari的这一特性。（这里特指ios系统下webapp，android的还没有找到页面弹性的方法，欢迎大家赐教）。

页面弹性，主要应用到-webkit-overflow-scrolling这一特性
条件：

1：父元素设置-webkit-overflow-scrolling: touch;overflow: scroll;属性；
2：子元素高度要大于父元素或者设置min-height大于父元素
demo：

html部分
<div class="father">
   <div class="child">
   </div>
</div>
css部分
.father{
    height: 548px;
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
}
.child{
   min-height:549px;//或者height:1000px;
}

如果不设置father的属性，即使child值大于父元素，也无弹性效果，切记。