从Facebook iframe隐藏滚动条

时间:2019-03-20 18:38:46

标签: facebook iframe scrollbar

该问题已被事先询问,但未获得明确答复

我是一个使用Facebook的插件,该插件可以嵌入和宣传网站上的任何公共Facebook页面

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

https://jsfiddle.net/wesuf2tq/1/

 <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>

1 个答案:

答案 0 :(得分:0)

完全没有办法实现此目标-插件将其内容从其他来源加载到iframe中,因此“相同来源策略”阻止您通过JavaScript访问其中的任何内容或注入任何自定义样式。 / p>

您只能使用Facebook在此处提供的配置选项-隐藏滚动条不是其中之一。