iframe
设置了高度(例如500px)。倘若iframe
的内容超出了iframe
设定的高度时。
iframe
内部html
的滚动条不出现。并且活生生的从500px处截断,(类似overflow:hidden
的效果)下面的内容不再显示。
这时候我们只要给iframe
外层加个div
,给外层div
加上两个属性即可。
<div style="-webkit-overflow-scrolling:touch;overflow-y: auto;">
<iframe src="xxx.html" scrolling="yes" frameborder="0">
<div>