Javascript 从iframe中隐藏滚动条，并将其替换为页面上的滚动条

我有一个带垂直滚动条的iframe。我需要删除它，并在页面上有这个scollbar。因此，当我需要滚动iframe的内容时，我可以使用页面滚动条。 我确实在iframe中隐藏了垂直滚动条，但是现在，我根本没有它。 我使用：

这只适用于google chrome，但不适用于firefox和Internet Explorer。我尝试了以下所有方法：

iframe::-moz-scrollbar {display:none;}
iframe::-o-scrollbar {display:none;}
iframe::-google-ms-scrollbar {display:none;}
iframe::-khtml-scrollbar {display:none;}

但它们没有起作用

因此，我需要您的帮助，以隐藏所有浏览器的iframe滚动条。 并且能够从页面的滚动条滚动iframe的内容。

---

谢谢

根据IE的版本，有时使用

iframe{overflow:hidden；}

会隐藏滚动条。但是在iframe中放置

scrolling=“no”

通常适用于所有浏览器。

您可以将JavaScript添加到iframe中的页面，以便在加载和调整大小时，在父级中设置iframe的高度。该页面需要与父级存在于同一域中，尽管您可以通过浏览器安全设置来克服这一问题

在页面中（示例使用jQuery）：

您需要在父页面上为iframe指定一个名称：

<iframe name="anything" ...></iframe>

---

这似乎很管用：

HTML5/CSS

.ifm{
宽度：1200px；
高度：800px；
溢出y：隐藏；
}

iframe上的

scrolling=“no”

属性如何？可能重复感谢您尝试帮助我。我以前确实尝试过。是的，它删除了iframe中所有浏览器的滚动条，但我失去了滚动功能。我没有在页面上，谢谢。我需要保持滚动，但不是从iframe的滚动条，我需要从页面滚动条进行滚动。因此，您希望iframe在宽度和高度上拉伸100%，使滚动条消失，并使页面的自然滚动条滚动iframe？我正在尝试使用此解决方案。我的问题是，我确实在构建网站时使用了prestashop，该软件使用iframe作为弹出窗口，并在iframe中使用fancybox。问题是我找不到iframe标记来给它命名。我的意思是我不知道哪个文件有这个iframe。另外，如果我找到框架并给它起了一个名字，请在jQuery代码中，我应该在哪里添加这个名字？非常感谢。在IFRAME中，可以通过

窗口知道名称。name

--如果为弹出窗口自动生成IFRAME，则可能已经提供了名称。谢谢。我确实使用了这个代码，但它对我不起作用。它使滚动条再次出现在iframe上，并使iframe更长（添加额外的空白）。但这将禁用滚动，我需要从页面而不是从iframe滚动。谢谢。请注意，用户滚动父窗口（即“页面”），而不是iFrame，因为它只是已禁用的iFrame的滚动。如果这不是你想要的，那么我不理解你的问题。请进一步说明。

if (window != window.parent)
    $(function() {
        var resize = function() { $(window.parent.document).find("IFRAME[name='" + window.name + "']").height($(document).height()); };
        $(window.parent).resize(resize);
        resize();
    });

<iframe name="anything" ...></iframe>