自定义Webkit滚动条按钮

2014-09-27 106 views 3 likes

我想弄清楚如何让webkit滚动条按钮出现。我在Mac上对Safari进行了测试。自定义Webkit滚动条按钮

我阅读了这些指南，但我不能为我的生活想出如何获得一个简单的按钮，使其上下。我有一个我应该模仿的形象，但不知道如何。图像可以用作按钮吗？图像

的例

！（http://oi62.tinypic.com/28kh76a.jpg）

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

有这个迄今为止..

::-webkit-scrollbar { 
width: 12px; 
} 

::-webkit-scrollbar-track { 
background-color: #fff; 
} 

::-webkit-scrollbar-thumb { 
background-color: #81CFCC; 
height: 10px;

，但不知道怎么去滚动按钮的上下。或者如何设计它们。

来源

2014-09-27 Clam

回答

参考这篇文章，这是所有你需要知道WebKit的滚动条

Custom Scrollbars in WebKit - Css Tricks

编辑1

你可以尝试这样的

::-webkit-scrollbar-button { 
    background: #444; 
}

EDIT 2东西

希望这可以帮助我Ñ某种方式

http://jsfiddle.net/vfmfmaxo/

来源

2014-09-27 16:13:35 Blake

恩，这是我发布的同一篇文章。它并没有回答我关于按钮部分是什么和不是什么的问题，甚至不知道如何设计它。 – Clam 2014-09-27 17:47:07

哦，对不起，我没有看到你的帖子，请看编辑1 – Blake 2014-09-27 17:53:07

但我不明白，箭头在哪里？ – windmaomao 2017-03-29 14:43:57

使用::-webkit-scrollbar-button选择并设置其显示到框。直到我设置他们的显示器支柱时，我才得到显示按钮。

来源

2014-10-24 14:54:24

自定义Webkit滚动条按钮

回答

相关问题