如何自定义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/
相关文章:
- CSS-若窗口太小,滚动条会出现在“表格”单元格上
- 禁用(而不是隐藏)浏览器滚动条
- 在firefox和chrome中的左侧显示iframe滚动条
- 条件滚动条样式
- 设置右侧默认滚动条的样式
- JScrollpane不会设置滚动条的样式
- JQuery:手风琴高度样式:填充导致垂直滚动条
- 可以在 gwt 中设置本机滚动条的样式,无需定义自定义滚动条,也无需使用 ScrollPanel 或 CustomScr
- 样式 Facebook 喜欢框滚动条
- 滚动条在 Firefox 中显示的样式与 Chrome 不同
- 如何实现脸书聊天垂直滚动条样式
- 如何自定义twitter iframe滚动条的样式
- 更改滚动条样式
- 只改变iframe的滚动条样式
- 如何改变滚动条样式或隐藏滚动条在浏览器通过javascript或css
- 自定义样式的滚动条
- 如何隐藏默认样式的滚动条,当我使用overflow:scroll;
- 将webkit滚动条样式应用于文本区域
- JS/jQuery样式的滚动条
- 禁止使用MarginLeft样式更改滚动条