javascript - ons-scroller和ons-button中的Phonegap

我最近使用在iOS设备上运行的onsen UI系统研究了phonegap。
我遇到了一个问题，我注意到如果您使用的是“”，则在iPad或iPhone上运行时，其中的任何内容均不可按下。这是我的代码，如下所示:

<ons-template id="test.html" style="display:none;">
    <ons-page>
      <ons-toolbar style="background-color:#FF9500;">
        <div class="left"><ons-back-button>Back</ons-back-button></div>
        <div class="center">Main AK</div>
      </ons-toolbar>
        <div class="center">
             <ons-scroller>

               <ons-button modifier="food_folder" onclick="">Type A</ons-button>
               <button class="button button--cta" style=" width:100px; z-index:1000;"  >Test</button> -->

            </ons-scroller>
      </div>

        <ons-tabbar>
            <ons-button icon="ion-ios-checkmark" modifier="navi_button" onclick="">SAVE</ons-button>
            <ons-button icon="ion-ios-checkmark" modifier="chk_button" onclick="">
                <div><span class="notification">1</span></div>
            Latte
            </ons-button>
        </ons-tabbar>
    </ons-page>
</ons-template>

当我在浏览器中运行时，工作正常。只是当我部署到iOS设备中时，无法按下ons-scroller中的按钮。它似乎被顶部的另一层覆盖。如果我删除ons-scroller，则按钮工作正常。只是原因是我可能有很多按钮适合该区域，所以我需要它可以滚动显示，特别是在iPhone中运行。

有人面临同样的问题吗？如何解决这个问题呢？谢谢

最佳答案

我已经找到解决问题的方法:但不确定这将是执行此操作的标准方法:首先:我将<ons-tabbar>重新放置在<ons-toolbar>之后，然后仅启动<ons-scroller>，
第二:我将更改<ons-tabbar> remove z-index:2..的CSS，然后正常工作。如果有人有其他解决此问题的方法，请在此处更新。
谢谢