javascript - 在div中加载外部php文件时如何控制两个滚动条出现在单个屏幕上

Question

我正在尝试在 div 中加载外部 php 文件。加载文件时，屏幕上出现两个滚动条。

我只想让外部滚动条可见。外部 php 文件滚动条必须不可见。如何控制滚动条？

document.getElementById("main").innerHTML='<object type="text/html" data="tab1.php" style="min-width:100%; min-height: 101%;" ></object>';

body{
		overflow-x: hidden;
	}
	.main_content{
		width: 100%;
		height: 100%;
		position: absolute;

	}

<div class="main_content" id="main"></div>

外部 php 文件将包含更多内容，因此我需要滚动条功能。但不应在主屏幕中显示。

Answer 1

这是因为在您的代码段中有

min-height:101%;

在你的对象标签上？

这将始终使它比它所在的 block 更大 - 这将强制显示滚动条。