删除Facebook的Likebox滚动条 [英] remove facebook likebox scroll bar

问题描述

我想删除facebook likebox滚动条，并且遇到问题，因为它似乎会加载likebox的样式，因为调查表明样式是在加载页面后加载的。

我已经确定'pluginLikeboxStream'为我想覆盖或添加'overflow：hidden'的类，但不知道如何添加或覆盖来自facebook的默认样式。

我试过本地的css文件，而jquery没有成功。

任何想法

 （function（d，s，id） {
 var js，fjs = d.getElementsByTagName（s）[0]; 
 if（d.getElementById（id））return; 
 js = d.createElement（s）; js。 id = id; 
 js.src =//connect.facebook.net/en_GB/all.js#xfbml=1&appId=445282282200701; 
 fjs.parentNode.insertBefore（js，fjs） ; 
}（document，'script'，'facebook-jssdk'））;'
  

html：

 < div class =fb-like-boxdata-href =https：// www。 facebook.com/mypagedata-width =355data-height =400data-show-faces =false
 data-stream =truedata-border-color =＃FFFFFF数据头=假> 
< / div> 
  

解决方案

Facebook的likebox作为IFrame加载到div中你声明。

您无法控制其他来源的IFrame样式。

Facebook给你一些控制如何显示喜欢的方块，但除此之外你什么也做不了。

I want to remove the facebook likebox scroll bar and am having issues as it seems they load the styles for the likebox as investigation indicates styles loaded after page loads.

I have identified 'pluginLikeboxStream' as the class that i want to overwrite or add 'overflow: hidden' too too but don't know how to add to or overwrite the default style from facebook.

I've tried local css file, and jquery without success.

Any ideas

    (function (d, s, id) {
    var js, fjs = d.getElementsByTagName(s)[0];
    if (d.getElementById(id)) return;
    js = d.createElement(s); js.id = id;
    js.src = "//connect.facebook.net/en_GB/all.js#xfbml=1&appId=445282282200701";
    fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));'

html:

<div class="fb-like-box" data-href="https://www.facebook.com/mypage" data-width="355" data-height="400" data-show-faces="false"
                data-stream="true" data-border-color="#FFFFFF" data-header="false">
            </div>

解决方案

The Facebook likebox is loaded as an IFrame within the div you declare.

You don't have any control over the styling of an IFrame from another source.

Facebook give you some control over how the like box is displayed but you can't do anything beyond that.

这篇关于删除Facebook的Likebox滚动条的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！