

OnsenUIとjQueryでハイブリッドアプリを作っておりますが、  
検索リストのような画面でスクロールバーを表示したいのですが仕方が解りません。

ページの基本構造は以下の通りです。

[code]

    <ons-navigator var="onsnav_search">
    <ons-page ng-controller="ctrl_search.html">
    <ons-toolbar style="height: 110px;" fixed-style></ons-toolbar>
    
    <div id="id-main">
    <ul class="cs-ulh" id="ul-search">
    <li></li><li></li>....<li></li>
    </ul>
    </div>
    
    </ons-page>
    </ons-navigator>
    
[/code]

OnsenUI側なのかjQuery側の問題なのかも不透明な状況ですが、  
少なくともスクロールバーを明示的に無効にするような記述はありません。

ons-pageの中身はスクロール無効になるのかと疑って試してみましたが、  
どうやらそうではないようです。そもそもスライディングメニューを実装  
するためにはons-pageは必須と理解しております。  
根本的な問題のような気もしているのですがアドバイス頂けますと大変幸いです。


CC BY-SA 3.0
2016-02-15T10:05:15.363
22105
2016-11-06T14:51:11.330
14318
question
javascript jquery onsen-ui html5 scrollview
スクロールバー表示の仕方について


iScroll5を使ってみてはどうでしょうか。

<http://cubiq.org/iscroll-5>

[code]

    _iscroll = new IScroll(_$obj.get(0),
    {
        scrollbars:     true,
        fadeScrollbars: true
    });
    
[/code]

ただ、OnsenUIはiScroll4を内包してたと思うので併用は無理、または思うように動作しないかもしれません。私はOnsenUI使っていないのでこれで対応しています。


CC BY-SA 3.0
2016-02-16T09:11:04.640
22166
2016-02-16T09:11:04.640
14414
22105
answer