离子滚动滚动到底部不会显示底部的所有项目

Question

这有效,但它无法向下滚动到最底部.我在底部有主页按钮,很少有项目被它阻挡,不会向上滚动.主页按钮位于主页面的页脚中,而不是在同一个控制器上.我如何确保在底部看到所有图片.对任何建议表示赞赏.

<ion-scroll direction='y' zooming='true' style="height: 1024px">
    <div class="favorites list item item-text-wrap" ng-repeat="photo in favorites">
      <a class="item item-thumbnail-left" href="#">
        <img src="sourceURL</p>
      </a>
    </div>
  </ion-scroll>

Answer 1

我认为更好的方法是使用<ion-content>,这也是为滚动而设计的.但它有一些类可以帮助我们检测到底部和顶部边缘,如has-footer或has-sub-footer.这也不需要按style属性指定精确的高度值.

对于<ion-content>你可以这样做:

<ion-content direction="y" class="has-footer" <!-- has-bouncing="true" --> >
    <div class="favorites list item item-text-wrap" ng-repeat="photo in favorites">
       <a class="item item-thumbnail-left" href="#">
          <img src="sourceURL"</p>
       </a>
    </div>
</ion-content>

就像上面的例子一样,我添加了has-footer类,它会自动为你推送主要内容,所有内容都会按照你的预期显示.你也可以把has-bouncing="true"属性放在<ion-scroll>