angularjs - ion-scroll 滚动到底部不会显示底部的所有项目

Question

这可以工作，但无法向下滚动到最底部。我的底部有主页按钮，并且很少有项目被它挡住并且不会向上滚动。主页按钮位于主页页脚中，而不是位于同一 Controller 上。我如何确保我看到底部的所有图片。感谢您的任何建议。

<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>