禁用Iframe中的滚动

Question

我为我的问题制作了一个简单的演示页：http://jsfiddle.net/vvgv93k0/2/

正如您所看到的，它由iframe和简单的p组成：

 <iframe src="http://www.w3schools.com" width="100%" height="300"></iframe>
 <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium do

我想要阻止的是，当用户点击iframe然后滚动时，会滚动iframe。

我希望只滚动主页面！

我试图通过以下方式使我的iframe无法选择：

      -webkit-user-select: none; 

但那不知何故没有用！ 我可以这样做，滚动从来没有在iframe中打扮？谢谢！

Answer 1

在你的css中：

iframe{
    overflow:hidden;
}

将iframe设置为：

<iframe src="http://bing.com" class="foo" scrolling="no" seamless="seamless"></iframe>

SCROLLING = “否”

无缝= “无缝”