带卷轴的离子含量

时间:2015-08-13 16:39:13

标签: angularjs ionic-framework 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个,因为高度容器不够大。我这样做了吗?如何设置帖子数量的可变高度?用户可以动态添加帖子,因此这个高度需要能够更改。

1 个答案:

答案 0 :(得分:0)

我留下这些可以帮助你的编码器!

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

example 1

example 2