css可滑动隐藏滚动条 |css实现按钮凸起

/* 先定义一个父元素 */
 .scrollable {
/* 设定固定的宽度和高度 */
width: 300px;
height: 200px;
/* 设定内容溢出时显示滚动条 */
overflow: scroll;
/* 取消系统默认的滚动条样式 */
-webkit-scrollbar: none;
scrollbar-width: none;
 }
 /* 定义滚动条样式 */
 .scrollable::-webkit-scrollbar {
width: 0;
height: 0;
 }

在代码中，大家使用了一个名为.scrollable的父元素，该元素设定了一个固定的宽度和高度，并设定了内容溢出时显示滚动条。

然后，通过-webkit-scrollbar: none;和scrollbar-width: none;属性，取消了系统默认的滚动条样式。

最后，定义了滚动条的样式，使用了::-webkit-scrollbar伪元素来控制滚动条的宽度和高度。

通过这样的方式，大家可以非常方便地控制滚动条的样式和交互方式，使得网页拥有更好的视觉效果和用户体验。