从 Facebook iframe 隐藏滚动条答案

【问题标题】：Hide Scrollbar from Facebook iframe从 Facebook iframe 隐藏滚动条
【发布时间】：2019-03-20 18:38:45
【问题描述】：

这个问题之前已经问过了，但没有得到明确的答复

我使用 Facebook 的插件，可以在网站上嵌入和推广任何公共 Facebook 页面

我试图隐藏而不是从侧面移除滚动条我仍然想要滚动功能，但我不希望滚动条可见实现此功能的最佳方法是什么

 <md-card style="width:auto">
    <md-card-header style="background-color: dodgerblue; font-size:15px;font-weight:600; color: white; ">
       <i class="fa fa-facebook-square" aria-hidden="true" style="font-size:40px; margin:0 auto"></i>
    </md-card-header>
    <div class="facebookContainer" >
       <iframe src="https://www.facebook.com/plugins/page.php?href=https%3A%2F%2Fwww.facebook.com%2FKobe%2F&tabs=timeline&width=340&height=500&small_header=false&adapt_container_width=true&hide_cover=false&show_facepile=true&appId"
               height="800" style="width:100%;border:none;overflow:hidden;"
               scrolling="no" frameborder="0" allowTransparency="true"
               allow="encrypted-media"></iframe>
    </div>
 </md-card>

【问题讨论】：

标签： facebook iframe scrollbar

【解决方案1】：

完全没有办法实现这一点 - 插件将其内容从不同的来源加载到 iframe 中，因此同源策略会阻止您通过 JavaScript 访问其中的任何内容，或注入任何自定义样式。

您仅限于 Facebook 在此处提供的配置选项 - 隐藏滚动条不是其中之一。

【讨论】：