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

Question

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

iframe::-webkit-scrollbar {  
    display: none;
  }  

这只适用于 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 的内容。谢谢

Answer 1

根据IE的版本，有时使用iframe {overflow: hidden;}会隐藏滚动条。但是在您的 iframe 中放置 scrolling="no" 通常适用于所有浏览器。