2013-02-12 114 views
3

我在移动Safari浏览器中出现滚动条时遇到问题,因为当滚动内容出现时,overflow:auto不起作用。我发现这个CSS属性:如何强制滚动条出现在ipad中? (Mobile Safari)

-webkit-溢出滚动:触摸

一些建议这是移动Safari浏览器隐藏滚动条的修复程序,但它不是为我工作。任何人有任何建议,我可以如何强制移动Safari浏览器中的滚动条给用户一个视觉,他们应该滚动?

+1

我相信'iOS'滚动条消失在背景在不使用时。我不相信你可以强迫这些小酒吧显示。 -webkit-overflow-scrolling'只是强制滚动到那里,不一定要显示我相信的滚动条。就像我说的那样,我相信酒吧在不使用时会褪色。 – Leeish 2013-02-12 22:19:48

+0

即使是iScroll演示:http://cubiq.org/iscroll也不会一直显示它们,只有在使用时才会显示出来,而iScroll是强制滚动选项的一种捕捉。我要陈述,这是不能做到的。 – Leeish 2013-02-12 22:22:39

回答

8

在你的CSS包括:

::-webkit-scrollbar { 
    -webkit-appearance: none; 
    width: 7px; 
    height: 7px; 
} 
::-webkit-scrollbar-thumb { 
    border-radius: 4px; 
    background-color: rgba(0,0,0,.5); 
    -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5); 
} 

定制外观需要的。

Stackoverflow source

Original source

+3

谢谢!这确实有效,但如果你还选择使用'-webkit-overflow-scrolling:touch;'启用惯性滚动,那么这将覆盖滚动条的外观(并且使它们不会典型地出现) – nothingisnecessary 2016-03-29 19:09:50