最近在做一个项目 在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例如
<div class='content'>
<div class="main"></div>
</div>
css修改
.content{
height:100%;
overflow:auto;
-webkit-overflow-scrolling: touch;
overflow-scrolling: touch;
}
.main{
height:101%;//让下面一层的高度加大点 使这块撑起
}
有遇到相同问题的可以参考一下