在需要设置滚动的元素上设置如下
下面以垂直方向滚动为例，父元素为ul，需要先设置高度。
ul{ height: 260px; overflow-y: scroll; overflow-x: hidden; } ul::-webkit-scrollbar { /* 隐藏默认的滚动条 */ -webkit-appearance: none; } ul::-webkit-scrollbar:vertical { /* 设置垂直滚动条宽度 */ width: 2px; } /* 这里不需要用到这个 */ ul::-webkit-scrollbar:horizontal{ /* 设置水平滚动条厚度 */ height: 2px; } ul::-webkit-scrollbar-thumb { /* 滚动条的其他样式定制，注意，这个一定也要定制，否则就是一个透明的滚动条 */ border-radius: 8px; border: 2px solid rgba(255,255,255,.4); background-color: rgba(0, 0, 0, .5); }
 1.本站遵循行业规范，任何转载的稿件都会明确标注作者和来源；2.本站的原创文章，会注明原创字样,如未注明都非原创，如有侵权请联系删除！；3.作者投稿可能会经我们编辑修改或补充；4.本站不提供任何储存功能只提供收集或者投稿人的网盘链接。 |
标签： #CSS #滚动条一直显示 #ulheight #260pxoverflowy #scrolloverflowx
