解决苹果浏览器iframe不能滚动问题

css

div{
    width:400px;height:500px;border: solid 2px #f00; -webkit-overflow-scrolling: touch; overflow: auto;
}

html

<div>
    <iframe src="http://www.baidu.com" width="100%" height="100%" scrolling="yes"></iframe>
</div>

实际上iframe在苹果浏览器里是默认是展开的,当触发滑动事件的适合其实是触发的父元素的滑动事件。

发表评论

电子邮件地址不会被公开。 必填项已用*标注

您可以使用这些HTML标签和属性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>