有没有办法让滚动条始终在手机浏览器中可见?默认情况下,只有当触摸/滑动发生时,可滚动页面才能看到其滚动。我如何使滚动条始终可见?总是在iPhone/Android中显示滚动条
9
A
回答
18
试试这一个你的CSS样式
::-webkit-scrollbar {
-webkit-appearance: none;
}
::-webkit-scrollbar:vertical {
width: 12px;
}
::-webkit-scrollbar:horizontal {
height: 12px;
}
::-webkit-scrollbar-thumb {
background-color: rgba(0, 0, 0, .5);
border-radius: 10px;
border: 2px solid #ffffff;
}
::-webkit-scrollbar-track {
border-radius: 10px;
background-color: #ffffff;
}
+0
或与此代码 html { 溢出: - MOZ-滚动条垂直; overflow-y:scroll; } 应该是作品 – user2169710 2014-09-05 11:20:33
+1
这适用于Android设备浏览器,不适用于iPhone safari或iPhone chrome。 – 2017-02-17 09:19:24
相关问题
- 1. 总是显示滚动条
- 2. 总是在mcustomscrollbar插件中显示滚动条
- 3. iframe总是在IE7中显示滚动条
- 4. 系统偏好滚动条显示总是在OSx上
- 5. Facebook总是在Flash应用程序周围显示滚动条
- 6. 总是在IE11上显示滚动条<select>
- 7. android - TextView获取滚动条总是以编程方式显示
- 8. 总是显示垂直滚动条为JavaFX ListView
- 9. iphone UIWebView - 强制显示滚动条总是
- 10. 如何显示UITextView的滚动条总是?
- 11. 自定义聊天框滚动条总是显示底部
- 12. 在滚动后不再显示DIV,总是显示一个DIV?
- 13. 在edittext中不显示滚动条
- 14. 如何在UITableView中显示滚动条
- 15. 如何在NestedScrollView中显示滚动条
- 16. 在JScrollpane中没有显示滚动条
- 17. 滚动条不显示在Firefox中
- 18. Textarea滚动条不显示在Firefox中
- 19. 滚动条不显示在UIWebView中
- 20. 仅在Firefox中显示滚动条
- 21. 总是在windows应用程序的datagridview中显示滚动条 - c#
- 22. 如何在手机浏览器中显示垂直滚动条总是
- 23. 滚动条显示,而不是工作
- 24. nanoScroller显示滚动条但不滚动
- 25. 在滚动条上显示svg动画
- 26. 再显示滚动条
- 27. GWT滚动条未显示
- 28. UITextView不显示滚动条
- 29. Scrollview不显示滚动条
- 30. DataGridView不显示滚动条
很多移动浏览器不显示滚动条可言,而一些他们展示的同时滚动。所以不管你把什么放在你的CSS中,你想要实现的东西都是不可能的。 – Richa 2014-09-05 11:16:42
@Richa你确定。有没有任何文件。我可以简单地向客户展示并停止尝试不可能的事情 – 2014-09-05 11:19:32
您是否希望仅在移动设备上使用所有移动浏览器?对于PC浏览器,您可以执行'html {overflow-y:scroll;}' – Richa 2014-09-05 11:22:11