iframe 滚动条替换为我自己的设计答案

【问题标题】：iframe scrollbar replace with my own designiframe 滚动条替换为我自己的设计
【发布时间】：2014-03-12 19:58:45
【问题描述】：

我想为我的 iframe 滚动条设置自定义图像。我知道有一些可以使用的扩展或附加组件，但我没有找到定制它们的设计的方法。我有我的自定义滚动条的 png 图像，我想用我自己的替换默认设计。是否可以？如果有怎么办？你能给我指点方向吗？

谢谢

【问题讨论】：

【解决方案1】：

这是一个good resource，我用来让它在 Webkit 浏览器中工作：

但更大的问题是 iFrame。如果您拥有 iFrame 中的内容或可以更改其中的 CSS，那么您就可以开始了。如果您在 iFrame 中不拥有任何东西并且正在使用 iFrame 从另一个站点拉入页面，那么您将无法从原始页面更改滚动条。

【讨论】：

如果我理解正确，我可以为这些元素设置背景图像和其他属性。是的，我拥有那个 iframe 的内容。我应该在与 iframe 或显示 iframe 的 html 相关的 css 文件中进行这些设置吗？
您必须在 iFrame 中的 CSS 中完成。
只是为了确保 :) ... 就在内的 html 中，或者可以在 iframe html 文件中包含一个 css 文件，或者这并不重要？
该 iFrame 中的任何内容都是完整的 HTML 文件。因此，您可以随意将其放入 CSS 链接文件或标题中。这是你的电话。（我会推荐在外部 CSS 文件中链接的最佳实践，但这完全取决于您）。如果这已经回答了您的问题，请务必将其标记为答案，以便其他人在搜索时可以轻松找到答案。
谢谢你，我会接受你的回答，它奏效了。但是我对这在 IE 中不起作用是对的吗？

【解决方案2】：

我建议你使用NiceScroll jQuery 小部件。

它支持 IE6+、Chrome 2+、Firefox 3+、Opera 9.5+ 和 Safari 4+（以及现代移动浏览器），它有很多功能并且易于定制。

此外，它非常易于使用。您只需在想要拥有“更好”滚动条的对象上调用 .niceScroll()（如果是 iframe，您将在其中的 $("html") 对象上使用它）。

【讨论】：