我正在尝试在 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 文件将包含更多内容,因此我需要滚动条功能。但不应在主屏幕中显示。
最佳答案
这是因为在您的代码段中有
min-height:101%;
在你的对象标签上?
这将始终使它比它所在的 block 更大 - 这将强制显示滚动条。
关于javascript - 在div中加载外部php文件时如何控制两个滚动条出现在单个屏幕上,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51532713/