如何使溢出滚动条在移动的设备上可见？滚动条在桌面上可见，但在移动的设备上不可见。我需要它在iPhone和三星上显示。Safari浏览器也是如此。这甚至是posibble吗？
这就是我现在所拥有的
::-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);
}字符串
1条答案
按热度按时间xmd2e60i1#
苹果有意识地决定在系统级别隐藏iOS中的滚动条，直到有交互。Mac OS（包括Safari）和Android很快就遵循了这一决定。
据我所知，只有最终用户可以覆盖此设置及其系统全局。
在How do I get scrollbars to show in Mobile Safari中所讨论的寻找一个库来重建滚动条的建议仍然是最好的解决方案。
也就是说，在尝试在移动的设备上强制滚动条之前，我有一个非常好的理由。用户被训练成不需要滚动条，它们在已经很小的屏幕上占据了毫无意义的空间。