Question

我有一个页面，我试图使用离子元素等分为两个部分：顶部是固定的，有一定数量的项目不会改变，底部应该是可滚动的名单。此外，我想在整个屏幕上使用离子复习器（当然，如果用户尝试拉下底部，这将只是滚动该部分..）

我遇到的问题是，当底部使用离子滚动元素时，可滚动区域会超出屏幕底部，这意味着列表的底部元素永远不可查看。这是为什么？

代码：

<ion-content overflow-scroll="false">
    <ion-refresher
        pulling-text="Pull to refresh..."
        ion-refresh="refresh()">
    </ion-refresher>
    <ion-list>  
        <ion-item class="item item-icon-left" href="#/somewhere"> 
            <i class="icon ion-icon"></i> Content
            <span class="badge badge-assertive>1</span>
        </ion-item> 
        <ion-item class="item item-icon-left" href="#/somewhere"> 
            <i class="icon ion-icon"></i> Content
            <span class="badge badge-assertive">2</span>
        </ion-item> 
        <ion-item class="item item-icon-left" href="#/somewhere">
            <i class="icon ion-icon"></i> Content
            <span class="badge badge-assertive">3</span>
        </ion-item>    
    </ion-list>
    <div id="myDivider" class="item-divider">               
        <i class="icon ion-icon"></i> I'm a divider
    </div>
    <ion-scroll id=myBottomScroll">             
        <ion-list>
            <ion-item ng-repeat="item in myItems" 
              class="item" href="#/somewhere/{{item.id}}">
                <i class="icon ion-icon"></i> 
                <i class="icon ion-icon"></i> {{alert.What}}
                <i class="icon ion-icon" style="float: right"></i>
            </ion-item>
        </ion-list>
    </ion-scroll>    
</ion-content>

离子滚动区域延伸超出屏幕边界

0 个答案: