问答博客资讯标签用户活动
logo极客观点logo项目管理logoHarmonyOS
javascript
前端
python
node.js
react
vue.js
php
laravel
go
人工智能
mysql
linux
ios
java
android
css
typescript
spring
程序员
logoONES 研发管理logo思否企业问答logo安谋科技 XPU

带css的透明滚动条

社区维基
1
新手上路，请多包涵

现在使用此代码（以及此代码的许多变体），但滚动轨道变为深灰色，类似于 #222222 或接近此。找到许多示例，但所有示例都给出相同的结果。 Opera、Chrome 和 Firefox 显示此错误。怎么修？

 #style-3::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: transparent;
}

#style-3::-webkit-scrollbar {
    width: 6px;
    background-color: transparent;
}

#style-3::-webkit-scrollbar-thumb {
    background-color: #000000;
}

原文由 user3260950 发布，翻译遵循 CC BY-SA 4.0 许可协议

Stack Overflow 翻译htmlcssscrollbar
阅读 618
1 个回答
得票最新
社区维基
1

只有这段代码对我有用 -

 <!DOCTYPE html>
<html>
<style>
    body {
       overflow: overlay;
    }

    ::-webkit-scrollbar {
       width: 10px;
       background: transparent;
    }

    ::-webkit-scrollbar-thumb {
       background: white;
       border-radius: 2px;
    }
</style>

<body>

  ..Your code here

</body>
</html>

原文由 Alex Zab 发布，翻译遵循 CC BY-SA 4.0 许可协议

撰写回答
你尚未登录，登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进，让解决方法与时俱进
推荐问题