2015-07-21 48 views
6

我使用overflow-scroll = "true"使離子使用原生滾動時,進行滾動離子含量可見:使用本機滾動

<ion-content overflow-scroll = "true"> 
    <ion-list> 
    <ion-item ng-repeat="foo in bar"> 
     {{foo.label}} 
    </ion-item> 
    </ion-list> 
</ion-content> 

這真是偉大工程(表演確實不錯)。唯一的問題是(垂直)滾動條消失。

根據documentation,我嘗試添加scrollbar-y="true"ion-content,但那不起作用。

我也嘗試添加這我的CSS:

::-webkit-scrollbar { 
    -webkit-appearance: none; 
} 

::-webkit-scrollbar:vertical { 
    width: 11px; 
} 

::-webkit-scrollbar:horizontal { 
    height: 11px; 
} 

::-webkit-scrollbar-thumb { 
    border-radius: 8px; 
    border: 2px solid white; 
    background-color: rgba(0, 0, 0, .5); 
} 

::-webkit-scrollbar-track { 
    background-color: #fff; 
    border-radius: 8px; 
} 

...但是,這也不能工作。

This article(尋找「本地滾動」)說,該問題可以使用CSS來解決,但。

有人知道該怎麼做嗎?

+0

是你能得到這個答案? – ericraio

+0

@ericraio:都能跟得上... – yannick1976

+1

關注此答案: http://stackoverflow.com/questions/22866285/phonegap-3-0-android-native-scrollbar-not-visible 它的工作對我來說... –

回答

4

answer suggested by @Gerhard Carbó最接近我找到一個解決方案至今...它樣的工作,但是:

  • 滾動條不自動隱藏
  • 動畫是非常生澀

所以我相信現在我會堅持不用滾動條。

另外請注意,這在谷歌瀏覽器Android上很好,所以希望它有一天會被修復。但爲什麼webview是鉻背後很多,我不明白...