css滚动条定位像素 |css3 flex 兼容

/* 设置垂直滚动条位置 */
::-webkit-scrollbar-thumb {
/* 滚动条拇指的样式 */
background-color: #BDBDBD; /* 拇指的颜色 */
border-radius: 10px; /* 圆角半径 */
height: 50px; /* 拇指高度 */
}
/* 设置水平滚动条位置 */
::-webkit-scrollbar-thumb {
/* 滚动条拇指的样式 */
background-color: #BDBDBD; /* 拇指的颜色 */
border-radius: 10px; /* 圆角半径 */
width: 50px; /* 拇指宽度 */
}

在上面的CSS代码中，::-webkit-scrollbar-thumb伪元素表示滚动条的拇指，大家可以使用background-color属性来定义其颜色。大家还可以使用border-radius属性来设置其圆角半径。最后，使用height属性来设置垂直滚动条的高度，或者使用width属性来设置水平滚动条的宽度。

在选择像素值时，最好根据你的网站的设计和排版来决定。如果使用大量文本和长的页面，那么设置一个较宽的滚动条是有必要的，这样用户可以轻松找到所需位置。如果你的网站中的页面较小，那么设置一个较窄的滚动条是足够的。

一旦你确定好你的滚动条的位置，使用像素值来定义它是非常容易的。只要在上述CSS代码的滚动条样式中填写你想要的值即可。这是一个简单而有效的方法，可以帮助你的用户在你的网站上获得良好的浏览体验。