如何在onsen ui app列表中显示滚动条

Dan*_*mil 9 javascript css angularjs cordova onsen-ui

我正在使用Onsen Ui构建混合Phonegap应用程序.某些页面上有100个项目的列表.但是,滚动条没有显示.反正有没有在页面上显示本地滚动条?

这是我正在使用的代码:

          <ons-row >
              <ons-col align="center" >
                <ons-list  class="scrollme" ng-scrollbar is-bar-shown="true">
                    <ons-list-item modifier="tappable" ng-repeat="hotel in hotels" ng-click="viewHotel(hotel);">
                        <div class="hotel-item">
                            <img preload-image ng-src="http://domain.com/{{hotel.thumbNailUrl}}" default-image="img/loader.gif" alt="Thumbnail" class="testimage">
                            <div class="gradient-overlay" style="text-align: center">
                                <div class="details">
                                    <h4>{{hotel.name}}</h4>
                                    <h4>{{hotel.rateCurrencyCode + " " + hotel.highRate}}
                                </div>
                            </div>
                        </div>
                    </ons-list-item>
                    <ons-button type="cta" should-spin="{{isFetching}}" 
                        ng-show="moreResultsAvailable" ng-click="loadMore()" class="loadMore">More Results</ons-button>
                </ons-list> 
              </ons-col>
            </ons-row>
Run Code Online (Sandbox Code Playgroud)

更新

我试过这个ng-scrollbar,但它没有用.滚动列表时滚动条本身会向上滚动.

And*_*llo 2

尽管有本机应用程序,Onsen UI 还没有滚动条元素(版本 1.3.1),但很有可能在不久的将来实现。

来源:我是 Onsen UI 开发团队成员