css

124 阅读1分钟
<div>
   /* 隐藏滚动条 */
    ::-webkit-scrollbar{
	    display: none;
	}   
    <span>常用的css</span>
    <div class="item">
        <span>scroll-view的滚动条的隐藏</span>
    </div>
    隐藏或者设置浏览器滚动条样式
    body::-webkit-scrollbar; width: 1px;height: 2px;background: #ccc;border-radius10px; /*外层轨道*/}
    body::-webkit-scrollbar-thumb {display: block;width: 6px;margin: 0 auto;border-radius:10px;background: #fff; /*内层轨道*/}
    修改滚动条样式
    ::-webkit-scrollbar {width: 5px; /* 纵向滚动条*/height: 12px; /* 横向滚动条 *background-color: #fff;}
    定义滚动条轨道 内阴影
    ::-webkit-scrollbar-track {box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);background-color: #fff;}
    定义滑块 内阴影
    ::-webkit-scrollbar-thumb {box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);background-color: #ddd;border-radius: 10px;}
</div>