我目前正在尝试在表格周围的 div 上设置溢出样式,我正在使用 webkit 特定样式来执行此操作
.overflow::-webkit-scrollbar {
width:30px;
}
.overflow::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
-webkit-border-radius: 15px;
border-radius: 15px;
}
.overflow::-webkit-scrollbar-thumb {
-webkit-border-radius: 15px;
border-radius: 15px;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
background:#f00;
}
这些在桌面浏览器上运行良好,但在移动浏览器上不起作用。
移动浏览器根本不支持这样做的问题吗?还是会在不久的将来引入支持?
我已经看到了一些基于 Javascript 的解决方案,但是这些都增加了太多的臃肿,无法在基于 webkit 的浏览器中简单地设置滚动条的样式。