html - 有没有办法隐藏滚动条轨道或使其透明

标签 html css frontend web-frontend

我只想显示滚动条的拇指/桨,使其位于页面背景的顶部。我尝试给滚动条轨道Background: transparent;display: none;visibility: hidden
我只想知道是否有一种只显示滚动条拇指/桨的方法。
enter image description here

最佳答案

藏起来可以用

   body::-webkit-scrollbar {
    width: 0em;
}


对于背景色,您可以像这样使用

body::-webkit-scrollbar-thumb {
  background-color: darkgrey;

}

关于html - 有没有办法隐藏滚动条轨道或使其透明,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59447495/

相关文章:

javascript - 选定的文本索引

php - 考勤系统标记学生出席/缺勤复选框,更新 Mysql PHP

javascript - 创建可选择的 li 项作为按钮

java - 如何将公共(public)存储库 merge 到我自己的存储库中,但继续接收来自公共(public)存储库的更新?

html - 删除边距- html

jquery - 数据对齐

html - 列表项中的 img,其中包含文本和文本动画

CSS div 显示不工作

css - Bootstrap 嵌套变坏

javascript - 如何根据身份验证在我的 Reactjs 应用程序中添加 header