jquery - 自定义滚动条样式，隐藏条除非滚动

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/