Question

此问题似乎是未经答复或与 HTML iframe - Double Scrolling Bars类似的重复。

我想知道如何删除iframe的滚动栏并使用浏览器的滚动栏来上下导航页面？

＆＃13;

<html>

<body style="margin: 0; padding: 0; border: 0; outline: 0;">
  <div style="width:100%;height:50px; background-color:red;"></div>
  <iframe frameBorder="0" style="width:100%;height:100%;" src="http://www.mynewplace.com/apartments-for-rent/st-paul-mn">
  </iframe>
</body>

</html>

＆＃13;

Answer 1

尝试将所有父元素的高度设置为100％（因此HTML和BODY标记），然后将iframe的高度设置为calc（100％ - 50px）

html, body{height: 100%;}

<html>

<body style="margin: 0; padding: 0; border: 0; outline: 0;">
  <div style="width:100%;height:50px; background-color:red;"></div>
  <iframe frameBorder="0" style="width:100%;height:calc(100% - 50px);" src="http://www.mynewplace.com/apartments-for-rent/st-paul-mn">
  </iframe>
</body>

</html>

Answer 2

您可以class your_classname { public $table; //other class related code } $obj = new your_classname; $obj->table="hey"; echo json_encode($obj, JSON_UNESCAPED_SLASHES);

尝试scrolling="no"

iframe

HTML：

iframe { overflow:hidden;}

Answer 3

尝试通过jvascript设置高度，例如：

<iframe id="test" FRAMEBORDER=0
                        src="form.jsp"
                        style="width: 100%"
                        onload="this.height=document.body.scrollHeight"></iframe>

有没有办法防止使用iframe的双滚动条

3 个答案: