css - 如何使 ScrollBar 在移动设备中始终可见?(CSS) (iPhone)
问题描述
我制作了一个具有滚动功能的 div。滚动条出现在我的桌面浏览器(chrome、safari、firefox)上,但在移动设备上,滚动条不可见。(虽然滚动有效)
我怎样才能让它一直可见?
.scroll_log {
overflow-y:auto;
max-height:350px;
-webkit-overflow-scrolling: auto;
}
.scroll_log::-webkit-scrollbar {
-webkit-appearance: none;
width: 12px !important;
}
.scroll_log::-webkit-scrollbar-thumb {
-webkit-border-radius: 10px !important;
border-radius: 10px !important;
background: #41617D !important;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5) !important;
}
.scroll_log::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3) !important;
-webkit-border-radius: 10px !important;
border-radius: 10px !important;
}
.scroll_log::-webkit-scrollbar-thumb:window-inactive {
background: #41617D !important;
}
解决方案
推荐阅读
- python - 线程与多处理
- python - Django - 将新字段添加到现有模型和 mongoDb 后的 MigrationError
- android - 我的条形码阅读器应用程序不起作用。如何运行我的条形码阅读器应用程序?
- java - 不确定的 JProgressBar 动画滞后
- swift - NSTableView 在 ViewController 中不起作用
- sql - 在 WHERE 子句中不能删除尾随空格?
- sql - 递归sql查询获取更改历史
- laravel - 我需要帮助在 laravel 刀片文件的两列 div 中显示数据
- python - ValueError:无法将字符串转换为浮点数:'30,'
- php - 无法在 sugarcrm 8 中生成 pdf