Question

在我的代码中，我有2个部分。在第一部分iam使用列表卡div。然后在第二部分iam显示一些图像。现在我需要这些图像div可以滚动，因为会有更多的图像。但第一个div不滚动。这是我的代码：

<ion-content>
    <ion-list >
        <ion-item nav-clear class="item item-primary"  >
            <div class="list card">    //This is the first div that does not need scrolling
                <h2>{{customerDetail.name}}</h2>   
                <p>{{customerDetail.place}}</p>
            </div>
        </ion-item>
        <div class="card"> //This is the second div
            <i class="ion-ios-pricetags button-top-right" style="z-index:10"> </i>
            <i class="icon ion-clock button-top-left" style="z-index:10"> {{order.time}}</i>
            <div class="item item-text-wrap">
                <img ng-src="photos/{{order.url}}.jpg" style="height:100px;width:100px;"> 
                </img>
            </div>
        </div>
</ion-list>
  </ion-content>

我尝试使用position：fixed作为第一个div，但它使div布局不规则。有什么办法可以吗????

Answer 1

你也应该分享一些CSS，也许是一个jsfiddle。您可能希望在离子列表元素之后设置卡类。您还可以尝试为元素设置特定高度。尝试使用overflow：auto;溢出：隐藏;您也可以尝试将滚动元素设置为position：absolute。但设定高度是我最好的选择。

使div不在离子中滚动

1 个答案: