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