gpt4 book ai didi

css - 内容上的滚动条

转载 作者:技术小花猫 更新时间:2023-10-29 11:44:07 26 4
gpt4 key购买 nike

我想制作一个透明的滚动条,它应该放在带有内容的 div 上。 仅 css 和 webkit 浏览器。它必须看起来像 example .我的code .问题是滚动条将内容向左移动。如何让它看起来像例子?谢谢你的回复。

div{
  width:410px;
  height:100px;
  overflow-y:scroll;
  border:1px solid green;
  position:relative;
}

::-webkit-scrollbar{
  width:20px;
  position:absolute;
  right:20px;
  z-index:100;


::-webkit-scrollbar-thumb{
  background-color:rgba(0,0,0,1);
  border-right:10px solid white;
}  

最佳答案

这与示例非常相似。

::-webkit-scrollbar{
width:7px;
}

::-webkit-scrollbar-thumb{
background-color: rgba(0, 0, 0, 0.5);
border-radius: 3px;
border: 1px solid #fff;
}

否则你必须使用iscroll plugin

关于css - 内容上的滚动条,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19566679/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com