如何自定义twitter iframe滚动条的样式


How to customize the style of a twitter iframe scroll bar?

如何根据我的设计自定义twitter iframe滚动条(在嵌入式tweets小部件中)。请让我知道我将如何更改默认设计?

如本问题所述,如果您想更改iframe内容的样式,最常见的方法是使用Javascript将CSS代码附加到呈现的iframe的head标记中。

然而,当你尝试这样做的时候,会有一个时间问题。由于Javascript在DOM准备就绪时运行代码,因此如果Twitter小部件获取tweet的时间过长,则您的样式将不会应用于iframe。

为了解决这个问题,有一个小函数可以帮助您在将元素插入DOM后运行JS代码。答案中提到了这一切。

因此,公式如下:

$("iframe#twitter-widget-0").contents().find('head').append('<style>' + 'YOUR CSS RULES' + '</style>'); 

您应该使用这段代码来设置滚动条的样式,这里有一个关于设置滚动条样式的示例。

为了让事情变得清楚,我制作了一把小提琴:http://jsfiddle.net/kublaios/c3j109md/