Javascript Twitter widget+；自定义滚动条使提要样式消失_Javascript_Css_Wordpress_Twitter_Scrollbar

Javascript Twitter widget+；自定义滚动条使提要样式消失

javascript css wordpress twitter

Javascript Twitter widget+；自定义滚动条使提要样式消失,javascript,css,wordpress,twitter,scrollbar,Javascript,Css,Wordpress,Twitter,Scrollbar,我在我的网站（wordpress）上的一个twitter小部件上遵循了一个自定义边栏的指南。不幸的是，随着侧边栏的使用，小部件附带的样式消失了我试图写我自己的css，并通过谷歌搜索几个小时找到解决方案，但似乎没有其他人有这个问题。大多数帖子都是关于糟糕的可定制性的咆哮。我检查了整个代码，但没有发现问题。我希望你们能帮助我引导并单击演示以了解其外观：代码如下： <html> <head>

我在我的网站（wordpress）上的一个twitter小部件上遵循了一个自定义边栏的指南。不幸的是，随着侧边栏的使用，小部件附带的样式消失了

我试图写我自己的css，并通过谷歌搜索几个小时找到解决方案，但似乎没有其他人有这个问题。大多数帖子都是关于糟糕的可定制性的咆哮。我检查了整个代码，但没有发现问题。我希望你们能帮助我

引导并单击演示以了解其外观：

代码如下：

<html>
<head>
    <!-- custom scrollbar CSS -->
    <link rel="stylesheet" type="text/css" href="http://malihu.github.io/custom-scrollbar/jquery.mCustomScrollbar.min.css">
    <!-- jQuery lib -->
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
    <!-- custom scrollbar plugin script -->
    <script type="text/javascript" src="http://malihu.github.io/custom-scrollbar/jquery.mCustomScrollbar.concat.min.js"></script>

     <script>
             (function($){
                $(window).load(function(){
                 /* initialize scrollbar */
                $("#twitter-widget-holder").mCustomScrollbar({
                    theme:"dark-3",
                    scrollButtons:{enable:true}
                      });
      !function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");
    });
  })(jQuery);
</script>

</head>
    <body>
        <div id="twitter-widget-holder">
            <a class="twitter-timeline" href="https://twitter.com/hashtag/korting" width="100%" height:"600px" data-widget-id="732565652418990081" data-chrome="transparent noscrollbar" data-tweet-limit="10">Tweets over #korting</a>
        </div>

    </body>
</html>


（函数（$）{
$（窗口）。加载（函数（）{
/*初始化滚动条*/
$（“#twitter小部件持有者”）.mCustomScrollbar({
主题：“黑暗-3”，
滚动按钮：{enable:true}
});
！function（d，s，id）{var js，fjs=d.getElementsByTagName（s）[0]，p=/^http://.test（d.location）}'http:'https'；if（！d.getElementById（id））{js=d.createElement（s）；js.id=id；js.src=p+“：//platform.twitter.com/widgets.js”；fjs.parentNode.insertBefore（js，fjs）；}（document，“script”，“twitter wjs”）；
});
})（jQuery）；

编辑已使用的css：

#twitter小部件持有者，.twitter时间线{
高度：800px；
填充：20px；
背景：#fff；
边界半径：3px；
盒影：2px2p3pRGBA（0,0,0,1）；
}

我注意到您的代码中有两个问题需要解决：

在


如果有帮助，请告诉我
 我们可以看到您的自定义CSS吗？非常基本，但它是：“#twitter小部件支架，.twitter时间线{高度：800px；填充：20px；背景：#fff；边框半径：3px；框阴影：2px 2px 3px rgba（0,0,0,1）}这修复了它。多大的疏忽啊。。。非常感谢。