将自定义滚动条添加到网页的一部分

时间:2011-12-01 18:18:42

标签: javascript jquery html css scroll

我想创建一个展示图片的特殊地方。它应该有滚动条(水平和垂直),如下所示:

thin gray scrollbar with small blue oval slider

我怎样才能看到这个样子?我可以使用iframe来完成吗?使用div

3 个答案:

答案 0 :(得分:2)

以为我最好添加CSS3选项,虽然这不起作用是一些浏览器所以jQuery是probs你最好的选择。

CSS3滚动条的一些信息:

http://css-tricks.com/9130-custom-scrollbars-in-webkit/

答案 1 :(得分:1)

使用jQuery scrollbar plugin可能是最快捷,最简单的

jQuery UI一个非常易于使用且易于皮肤

答案 2 :(得分:1)

这不是你可以用HTML或CSS做的事情。如果你愿意使用jQuery,Flash和c。,那么你有很多选择,但这似乎超出了你的标签的范围。

某些版本的IE(5.5 - 8,不确定大约9)允许页面使用CSS为滚动条组件设置自定义颜色,如下所示:

body {
    scrollbar-base-color: #000000;
    scrollbar-arrow-color: #FFFFFF;
    scrollbar-DarkShadow-Color: #888888;
}

但是,这是非标准的,不允许您想要的自定义程度。