如何改变滚动条的大小 - JQuery

Question

是否可以更改滚动条的拇指/手柄尺寸？我在互联网上查了一下，它说我需要创建自己的自定义滚动条。无法更改滚动条的拇指大小。建议家伙!!!

Answer 1

在Webkit中，您可以使用CSS调整滚动条大小。

参见chris Coyier的文章http://css-tricks.com/custom-scrollbars-in-webkit/

元素

::-webkit-scrollbar              { /* 1 */ }
::-webkit-scrollbar-button       { /* 2 */ }
::-webkit-scrollbar-track        { /* 3 */ }
::-webkit-scrollbar-track-piece  { /* 4 */ }
::-webkit-scrollbar-thumb        { /* 5 */ }
::-webkit-scrollbar-corner       { /* 6 */ }
::-webkit-resizer                { /* 7 */ } 

编辑：如果你需要支持所有浏览器，那么你必须实现jquery插件，因为滚动条不是由浏览器渲染而是由操作系统渲染。