代码拉取完成,页面将自动刷新
?> 背景知识: box-shadow, ::-webkit-scrollbar
<script v-pre type="text/x-template" id="scrollbar"> <style> main{ width: 100%; padding: 39px 0; display: flex; align-items: center; justify-content: center; } .scrollbar-main { width:60%; height: 299px; overflow: auto; } .scrollbar-main .row { display: inline-block; padding: 12px; background: rgba(180,160,120,.1); text-align: center; white-space: nowrap; } .scrollbar-main::-webkit-scrollbar { width: 8px; background: white; } .scrollbar-main::-webkit-scrollbar-corner, /* 滚动条角落 */ .scrollbar-main::-webkit-scrollbar-thumb, .scrollbar-main::-webkit-scrollbar-track { border-radius: 5px; } .scrollbar-main::-webkit-scrollbar-corner, .scrollbar-main::-webkit-scrollbar-track { /* 滚动条轨道 */ background-color: rgba(180,160,120,.1); box-shadow: inset 0 0 1px rgba(180,160,120,.5); } .scrollbar-main::-webkit-scrollbar-thumb { /* 滚动条手柄 */ background-color: rgb(180,160,120); } </style>!> 兼容性很差,并且很多样式不可控,建议在生产环境中采用类似 perfect-scrollbar 的方案。
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。