離子收集重複不能滾動到底部

當使用收集重複時，我只能滾動到最後一個元素的中間。然而刷新頁面可以解決問題。這是我在我的標記：離子收集重複不能滾動到底部

<ion-list ng-show="vm.models.length > 0"> 
    <ion-item collection-repeat="model in vm.models" 
       item-height="200px" item-width="100%" 
       ui-sref="app.state"> 
     <img ng-src="{{ model.image.uri }}"> 
    </ion-item> 
</ion-list>

這裏就是我得到：Result

不得不說，那納克重複工作正常的。我檢查過CSS，一切都很好。下面是我在檢查看到，雖然：

<ion-item collection-repeat="model in vm.models" item-height="200px" item-width="100%" ui-sref="app.state" href="#/state/url/param/" style="transform: translate3d(0px, 600px, 0px); height: 201px; width: 412px;"><a class="item-content">...</ion-item> 

<ion-item collection-repeat="model in vm.models" item-height="200px" item-width="100%" ui-sref="app.state" href="#/state/url//" style="transform: translate3d(-9999px, -9999px, 0px); height: 0px; width: 0px;"><a class="item-content">...</ion-item>

通知空「PARAM」的HREF，我看「空」列表中的

來源

2016-09-23 Dénes Rolya

你能提供一個codepen例子嗎？從我所看到的頁眉填充隱藏了你的第一張圖片的一部分，因此弄亂了特定於收集重複的寬度總高度計算。但我不能確定，除非我看到它在行動。 – JuniorDev

Nah，之前有圖像，屏幕截圖是在頁面底部拍攝的，並且沒有填充 –

這樣的元素最後一個元素之後的數字讓你韓元滾動範圍：

試試這個：

<ion-scroll direction="y" style="width: 100%; height:400px;"> 
    <ion-list ng-show="vm.models.length > 0"> 
     <ion-item collection-repeat="model in vm.models" 
        item-height="200px" item-width="100%" 
        ui-sref="app.state"> 
      <img ng-src="{{ model.image.uri }}"> 
     </ion-item> 
    </ion-list> 
    </ion-scroll>

來源

2016-09-23 08:53:37

離子收集重複不能滾動到底部

回答

相關問題