我在一个jsf项目中，所有的xhtml页面都显示在<iframe>中（参见下面的代码示例）。所以我需要隐藏这个iframe里面HTML对象的滚动。 #myIframe html: scroll-x:hidden;。我尝试了许多没有效果的试验。这是我的代码。
<iframe id="content" name="content"
style="width: 100%; height: 100%" src="content.xhtml" scrolling="no">
<p>Your browser does not support iframes.</p>
</iframe>
有scrolling="no"的解决方案，但它也防止overflow-y。我只想隐藏overflow-x。
所以我的问题是如何在iframe中找到<html> DOM对象？如何在这个html元素中隐藏overflow-x？
请尝试以下方法：
<iframe id="content" name="content" style="width: 100%; height: 100%; overflow-x: hidden; overflow-y: scroll;" src="content.xhtml">
<p>Your browser does not support iframes.</p>
</iframe>