自定义滚动条样式,隐藏滚动条,除非滚动

约翰

我想要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); 
}

有任何想法吗?

尤库莱莱

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

您应该为此使用一个javascript库,我建议您使用nicescroll:http ://areaaperta.com/nicescroll/

或进行更多自定义,请使用jscrollpane:http://jscrollpane.kelvinluck.com/

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何自定义Twitter iframe滚动条的样式?

来自分类Dev

自定义滚动条箭头

来自分类Dev

自定义Jtable滚动条

来自分类Dev

自定义滚动条箭头

来自分类Dev

镀铬的自定义滚动条

来自分类Dev

Textarea和自定义滚动条-jQuery自定义内容滚动条

来自分类Dev

Textarea和自定义滚动条-jQuery自定义内容滚动条

来自分类Dev

C#禁用Windows滚动条但启用自定义滚动条

来自分类Dev

自定义滚动:如何隐藏滚动条并创建一个点击时滚动的按钮?

来自分类Dev

微调滚动条样式

来自分类Dev

ListView滚动条样式

来自分类Dev

样式滚动条问题

来自分类Dev

样式滚动条滑块

来自分类Dev

jQuery Colorbox和自定义滚动条

来自分类Dev

firefox-自定义滚动条

来自分类Dev

如何自定义Apple Watch垂直滚动条

来自分类Dev

自定义滚动条仅在一格

来自分类Dev

自定义垂直滚动条的div重叠失败

来自分类Dev

引导表的自定义滚动条

来自分类Dev

如何自定义完美滚动条宽度

来自分类Dev

VBA使用UserForm变量自定义滚动条

来自分类Dev

JComboBox自定义垂直滚动条

来自分类Dev

Windows 8.1滚动条:是否可自定义?

来自分类Dev

jQuery Colorbox和自定义滚动条

来自分类Dev

自定义水平滚动条逻辑

来自分类Dev

如何自定义Apple Watch垂直滚动条

来自分类Dev

Chrome应用中的自定义滚动条

来自分类Dev

自定义滚动条拇指超出范围

来自分类Dev

带滚动条的 Swiper 自定义分页