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>

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

1 个答案: