iframe滚动条和网站上的隐藏菜单

Question

<iframe src="https://website.com/index.php?/something/1"
    scrolling="no"
    frameborder="no"
    overflow="hidden"
    height=500px
    width=500px> </iframe>

我正在尝试使用iframe在我的网站上显示该网站的一部分。我试图寻找答案但找不到答案。虽然我有scrolling="no"，但仍会显示2个滚动条。我该怎样摆脱那些？

此外，网站上有一个菜单，在向下滚动时会保留，并覆盖我想要显示的部分。有没有办法摆脱它？

Answer 1

在你的CSS文件中尝试这个以摆脱滚动窗格：

iframe{
    overflow:hidden;
}

iframe内部出现的导航菜单无法由您控制。不过你也可以尝试这个解决方案，但我不确定它是否能完美运行。

#content-to-hide{
    display:none;
}

更新1

$(document).ready(function() {
  $("#myframe").contents().find('#logo').hide();
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<iframe src="https://www.thesun.co.uk/news/" scrolling="no" style=" width: 550px; height: 700px; overflow:hidden" id="myframe"></iframe>

由于我试图使用上面的js代码隐藏元素，因此几个SO成员说iframe源应该支持跨源请求。

  

由于浏览器安全性，通常无法使用或访问内容   从iframe内部操纵，除非它位于同一个域中。   某些旧版浏览器可能不是这种情况，但肯定是这样   现在

这受Same-origin Policy规定。

另见article。

  

注意：只有文档具有相同的来源，才能进行这些跨文档交互。

更新2

$(document).ready(function() {
  var css = '<style type="text/css">#logo{display: none!important;}</style>';
  $("#myframe").contents().find("head").append(css);
});

尝试注入一些css代码也没有任何效果。

Answer 2

我可以使用隐藏标题     margin-top：-100px; 隐藏菜单