带有滚动的离子内容答案

【问题标题】：ionic content with scroll带有滚动的离子内容
【发布时间】：2015-08-14 02:27:09
【问题描述】：

我在 ionic 中有一个视图，顶部有一个图像和一个可滚动的消息列表。我希望图像保留在屏幕上，同时可以滚动列表。这是我当前的代码：

<ion-content scroll="false">
    <img src="/myimage.png">

    <ion-scroll direction="y" style="height: auto;" delegate-handle="postScroll">
        <div class="list">
        <a class="item item-avatar" ng-repeat="post in posts">
          <img ng-src="myimage.png">
          <h2>{{post.title}}</h2>
          <p>{{post.content}}</p>
        </a>
        </div>
    </ion-scroll>
    </ion-content>

这很好用，即滚动确实有效并且图像保持在原位。但我无法设置高度。例如，如果我有 100 个帖子，我只能看到 2-3 个，因为高度容器不够大。我这样做正确吗？如何为帖子数量设置可变高度？用户可以动态添加帖子，因此这个高度需要能够改变。

【问题讨论】：

看看是否删除“height: auto”并放置，例如，500px 工作。
那行不通，因为我可以有 5 个或 50 个帖子。
事实上，如果它可以工作，你会看到滚动功能，这只是一个测试。

标签： angularjs ionic-framework ionic

【解决方案1】：

我留下这些对你有帮助的代码笔！

<ion-scroll direction="x" zooming="false" delegate-handle="horizontal2" horizontal-scroll-fix="mainScroll">

example 1

example 2

【讨论】：

这不是我真正想要的
不想独立于滚动帖子的数量来运行容器的高度？