Question

我在另一个HTML页面中显示HTML页面，具体取决于使用以下函数选择的链接：

function loadProject(sel) {
    var url = sel[sel.selectedIndex].value;

    if(url) {
        document.getElementById('projectContainer').innerHTML = '<' + 'object id="foo" name="foo" type="text/html" data="'+url+'"><\/object>';
    } else {
        document.getElementById('projectContainer').innerHTML = "Please select a project.";
    }
}

而且，我在HTML中有一个div标签，其id为projectContainer。这是有效的，除了垂直滚动条总是显示无论我做什么来移除它。（它不应该 - 即使我没有在对象中放置任何东西，仍然会显示垂直条。）我试图在下面编辑CSS：

object {
    width: 100%; 
    border: none;
    overflow: hidden;
}

但这并没有完成我正在寻找的东西。有什么建议？感谢。

Answer 1

使用<object>对我来说是新的，但与iframe非常相似，我想：这意味着有一个与周围文档分开的文档正文。

您需要为嵌入的文档中的overflow: hidden 声明body。

Answer 2

overflow: hidden不适用于iframe / frame / object中的内容。您将需要编辑在object标签中呈现的页面的CSS。此外，我建议你不要这样做，因为你不知道我的浏览器是否默认设置为由于视线不好或类似的东西而强制使用大文本，这会使滚动条无法使用/隐藏给我，妨碍可用性。只是不要做你想做的事。

Answer 3

让它溢出：auto;它有效！

无法在网页上隐藏垂直滚动条

3 个答案: