webkit 允许使用图片来装扮滚动条

先用safari或webkit(当然google浏览器也可以)来看看这个例子

 

http://trac.webkit.org/export/41842/trunk/LayoutTests/scrollbars/overflow-scrollbar-combinations.html

 

它的样式是这样实现的

::-webkit-scrollbar-corner:window-inactive {

   background-image: url(resources/corner-inactive.png);

}

...

我们可以对滚动条通过图片来作不同的定义

同样的 我们可以使用 resize: both 这个样式来定义这个容器是否允许手动修改尺寸

当然这个实例不需要任何脚本就可以实现

文章来自: 本站原创
引用通告: 查看所有引用 | 我要引用此文章
Tags:
相关日志: