Question

我想弄清楚如何使webkit滚动条按钮出现。我在Mac上的safari上测试了这个。

我阅读了这些指南，但我不能为我的生活弄清楚如何让一个简单的按钮让它上下起伏。我有一个我应该模仿的图像，但不知道如何。图像可以用作按钮吗？图像示例

！（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;

但不知道如何上下滚动按钮..或如何设置样式。

Answer 1

使用::-webkit-scrollbar-button选择器并将其显示设置为阻止。在我设置显示器之前，我没有显示按钮。

Answer 2

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

Custom Scrollbars in WebKit - Css Tricks

编辑1

你可以试试这样的事情

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

编辑2

希望这在某种程度上有所帮助

http://jsfiddle.net/vfmfmaxo/

自定义Webkit滚动条按钮

2 个答案: