在使用iframe或者其他html元素时,可以使用一个元素来(如DIV)来包装他们:
<div class="wrapper">
<iframe src="url"></iframe>
</div>
这个DIV将作为支持内部滚动的基础容器。
要让iframe支持滚动需要添加两个CSS样式:
.wrapper {
-webkit-overflow-scrolling:touch;
overflow-y:auto;
}
-webkit-overflow-scrolling: touch; 这个属性值就是专为浏览器中溢出(overflow)时需要滚动的元素设计的。如果没有指定这个属性,当你像想滚动iframe时,实际上会导致外层页面的滚动,通过它你就可以对iframe的滚动进行控制。