Question

我想在Windows浏览器上使用MAC滚动条的功能。

目前代码在MAC上始终显示条形图，理想情况下我希望滚动条仅在您实际滚动时可见，而不是一直存在。

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

 /* Track */
  ::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    -webkit-border-radius: 10px;
    border-radius: 10px;
 }

 /* Handle */
::-webkit-scrollbar-thumb {
   -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(255,0,0,0.8); 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}

 ::-webkit-scrollbar-thumb:window-inactive {
   background: rgba(255,0,0,0.4); 
}

有什么想法吗？

Answer 1

这不是简单的纯css跨浏览器解决方案。

你应该使用一个javascript库，我建议你nicescroll：
http://areaaperta.com/nicescroll/

或更多自定义，jscrollpane：
http://jscrollpane.kelvinluck.com/

自定义滚动条样式，除非滚动，否则隐藏栏

1 个答案: