Question

如何使溢出滚动条在移动设备上可见？滚动条在台式机上可见，但在移动设备上不可见。我需要它在iPhone和Samsung上显示。 Safari浏览器也是如此。那个还在吗？

这就是我现在拥有的。

::-webkit-scrollbar {
    width: 12px;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(77, 168, 65, 1); 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}

::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(77, 168, 65, 1); 
}

Answer 1

Apple有意识地决定在系统级别上对iOS中的HIDE滚动条进行交互，直到发生交互为止。 Mac OS（包括Safari）和Android迅速遵循了这一决定。

据我所知，只有最终用户才能覆盖此设置及其系统全局。

如How do I get scrollbars to show in Mobile Safari中所讨论的那样，寻找一个库来重建滚动条的建议仍然是最好的解决方案。

也就是说，在尝试在移动设备上强制使用滚动条之前，我会有一个非常好的原因。经过培训的用户不需要它们，他们会在已经很小的屏幕上占据无用的空间。

使溢出滚动条在iOS和Android移动设备上可见

1 个答案: