小编Cid*_*ngs的帖子

使用CSS更改滚动条缩略图的大小

我想要一个拇指大于轨道的滚动条.我可以改变颜色,不透明度,一切,但我不知道如何分别改变拇指和轨道的大小.

.custom_scrollbar::-webkit-scrollbar {
	width: 1px;
	
}
.custom_scrollbar::-webkit-scrollbar-track {
	background-color: rgb(255, 255, 255);
	-webkit-border-radius: 1px;
}
.custom_scrollbar::-webkit-scrollbar-thumb:vertical {
	background-color: rgb(142, 142, 142);
	-webkit-border-radius: 0px;
    -webkit-width:5;
}
.custom_scrollbar::-webkit-scrollbar-thumb:vertical:hover {
	background: rgba(0, 245, 255, 0.65);
}

#page {
    width: 75%;
    overflow-y: scroll;
    overflow-x: hidden;
    height: 100px;
    z-index: 30;
    margin: 5%;
    padding: 3%;
}

Run Code Online (Sandbox Code Playgroud)

<div id="page" class=".custom_scrollbar">
  <h1>cool</h1>
  <p>text text text text text text text text text text </p>
  <p>text text text text text text text text text text </p>
  <p>text text text text …

Run Code Online (Sandbox Code Playgroud)

html css scrollbar css3

Cid*_*ngs

2017 05-05

12
推荐指数

3
解决办法

5万
查看次数