ios 嵌入h5页面滑动不流畅及加了-webkit-overflow-scrolling后在pad上出现不能滚动的问题

最近在做一个项目   在tab切换后  ios里的h5页面不能滚动了   最后发现是为了解决ios里滑动不流畅问题在css里加了

-webkit-overflow-scrolling: touch;

 overflow-scrolling: touch;

例如

.content{

    height:100%;

    overflow:auto;

-webkit-overflow-scrolling: touch;

 overflow-scrolling: touch;

}

但是这样页面切换后在pad上不能滑动了  

我的解决方法是在.content这个元素下加一个div例如

   

css修改

.content{

height:100%;

overflow:auto;

-webkit-overflow-scrolling: touch;

 overflow-scrolling: touch;

}

.main{

    height:101%;//让下面一层的高度加大点  使这块撑起

}

有遇到相同问题的可以参考一下