2013-02-12 117 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