如何让离子滚动适合或包裹它里面的所有内容？

我有以下但它不让我滚动我的项目的整个列表。当我将高度添加到`它可以让我根据此高度滚动，但这对于大小可能不同的列表不正确。如何让离子滚动适合或包裹它里面的所有内容？

是否有任何干净的方法（在HTML中不使用style =“height：...”）使滚动适合/包装它的内容？

<ion-content> 
    //more html elements here... 
    <ion-scroll> 
      <div class="list"> 
       <ul> 
       <li class="item" ng-repeat="doctor in doctors"> 

       </li> 
       </ul> 
      </div> 
    </ion-scroll> 
    </ion-content>

链接到演示：http://play.ionic.io/app/e13756f7b285

如您在演示中看到最后一个项目是不是表明，我想在顶部和下方的离子滚动静态头。

来源

2015-09-11 commonSenseCode

为什么使用当让你滚动。 ?? –

@mudasserajaz，因为这已经在一个 – commonSenseCode

我的意思是说你为什么要加？它给了你什么好处？即使你不添加这个，你仍然可以滚动。你应该把你的代码的工作演示放在这里play.ionic.io，这样我们可以理解和解决问题。 –

看到这个演示：http://play.ionic.io/app/55da08c5a9b5

头不应该保持内部<ion-content>，即使您正在使用header.Put它下面<ion-view>定制。永远不要重写班级中的离子，正如您使用.header所做的那样，它是由离子类建造的。因此，让两个自定义类，一个定义标题：

.my-custom-header{ 
    height: 100px; 
    background: red; 
}

与其他添加到<ion-content>，从哪里开始这样的内容就知道了。由于您的标题高度为100px，因此内容将从100px开始。

.has-custom-header{ 
    top:100px; 
}

现在您不需要<ion-scroll>，因为您可以使用默认的内容滚动。

<ion-view> 
<div class="my-custom-header"> 
     STATIC HEADER 
</div> 
<ion-content class="has-custom-header">

来源

2015-09-11 21:35:31

谢谢！那工作 – commonSenseCode

如何让离子滚动适合或包裹它里面的所有内容？

回答

相关问题