2014-09-05 36 views
9

有没有办法让滚动条始终在手机浏览器中可见?默认情况下,只有当触摸/滑动发生时,可滚动页面才能看到其滚动。我如何使滚动条始终可见?总是在iPhone/Android中显示滚动条

+0

很多移动浏览器不显示滚动条可言,而一些他们展示的同时滚动。所以不管你把什么放在你的CSS中,你想要实现的东西都是不可能的。 – Richa 2014-09-05 11:16:42

+0

@Richa你确定。有没有任何文件。我可以简单地向客户展示并停止尝试不可能的事情 – 2014-09-05 11:19:32

+0

您是否希望仅在移动设备上使用所有移动浏览器?对于PC浏览器,您可以执行'html {overflow-y:scroll;}' – Richa 2014-09-05 11:22:11

回答

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