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

时间:2014-03-12 19:58:46

标签: javascript html css iframe scrollbar

我想将自定义图片设置为我的iframe滚动条。我知道有一些可以使用的扩展或附加组件,但我没有找到一种方法来定制它们的设计。我有自定义滚动条的png图像,我想用我自己的替换默认设计。可能吗?如果是这样的话?你能指点我一些方向吗?

谢谢

2 个答案:

答案 0 :(得分:1)

以下是我在Webkit浏览器中使用的good resource

但更大的问题是iFrame。如果您拥有iFrame中的内容或者可以更改其中的CSS,那么您就可以了。如果您没有在iFrame中拥有内容并且正在使用iFrame从其他网站提取页面,那么您将无法从原始页面更改滚动条。

答案 1 :(得分:0)

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

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

此外,它非常易于使用。你只需要调用.niceScroll()就可以得到一个更好的对象"滚动条(如果是iframe,您将在其中的$(" html")对象中使用它。)