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

Question

如何根据我的设计自定义twitter iframe滚动条（在嵌入式推文小部件中）。请告诉我如何更改默认设计？

Answer 1

如this question中所述，如果您想要更改iframe内容的样式，最常见的方法是使用Javascript将CSS代码附加到呈现的iframe头标记中。

但是，当您尝试这样做时，会出现计时问题。由于Javascript在DOM准备就绪时运行您的代码，如果Twitter小部件需要很长时间才能获取推文，那么您的风格将不会应用于iframe。

要解决这个问题，可以使用一个小函数来帮助您在将元素插入DOM后运行JS代码。 It was all mentioned in this answer。

所以，这是公式：

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

您应该使用这段代码here's an example about styling scrollbars设置滚动条的样式。

为了说清楚，我已经创造了一个小提琴：http://jsfiddle.net/kublaios/c3j109md/