相关疑难解决方法(0)

透明滚动条与CSS

现在使用此代码(以及此代码的许多变体),但滚动轨迹变为深灰色,类似#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;
}

Run Code Online (Sandbox Code Playgroud)

html css scrollbar

use*_*950

2019 06-04

21
推荐指数

5
解决办法

7万
查看次数

如何制作滚动条覆盖内容

如何让滚动条覆盖 div 内容？

已经尝试使用track透明背景，但它不起作用

::-webkit-scrollbar-track {background: transparent}

Run Code Online (Sandbox Code Playgroud)

保持不变，占据部分内容

::-webkit-scrollbar-track {background: transparent}

Run Code Online (Sandbox Code Playgroud)

.faq-body {
  width: 250px;
  height: 400px;
  background: #fff;
  overflow: scroll;
  border: 1px solid #7b7d7f;
}

.faq-body::-webkit-scrollbar {
  width: 16px;
}
.faq-body::-webkit-scrollbar-thumb {
  background-color: #7b7d7f;
  border: 5px solid #fff;
  border-radius: 10rem;
}
.faq-body::-webkit-scrollbar-track {
  position: absolute;
  right: -3rem;
  top: -50rem;
  background: transparent;
}

.faq-question {
  padding: 20px;
  border-bottom: 1px solid #000;
  line-height: 1.3;
  color: #15191b;
  font-size: 0.8rem;
}

Run Code Online (Sandbox Code Playgroud)

有人能帮我吗？

html css scrollbar

Yun*_*lva

2019 09-10

11
推荐指数

2
解决办法

8908
查看次数