这是一个答案而不是问题,但我不知道如何在这里发布答案。
看到后一些文章 http://ionicframework.com/docs/api/directive/ionContent/出于同样的原因,我开始知道——
ionContent 指令提供了一个易于使用的内容区域,可以配置为使用 Ionic 的自定义滚动视图。
就我而言,
想要滚动内部的特定分区<ion-contain>
例如-
<ion-content>
<div>
<div>
<p> Scroll should not be apply </p>
</div>
</div>
<div *ngFor="let item in items">
<div>
<p> Scroll **should be apply** </p>
{{item}}
</div>
</div>
</ion-content>
- 我开始了解虚拟卷轴 https://ionicframework.com/docs/v2/api/components/virtual-scroll/VirtualScroll/,但它正在滚动完整页面,这与我的要求不符。
- 也过来看看滚动属性 https://ionicframework.com/docs/v2/api/components/scroll/Scroll/ionic 的,不符合我的要求。
然后我看到离子论坛下列出的一篇很棒的文章,对我帮助很大,如下:https://forum.ionicframework.com/t/ionic-2-scrollable-div-within-ion-content/58788 https://forum.ionicframework.com/t/ionic-2-scrollable-div-within-ion-content/58788
<ion-content style="overflow-y: hidden;">
<div>
<h1>This stuff should not scroll.</h1>
</div>
<ion-scroll scrollY="true" style="width: 100%; height: 100%;">
<div *ngFor="let boy in boys">
<h3>This stuff should scroll.</h3>
</div>
</ion-scroll>
</ion-content>
这是上面所需的代码。 https://forum.ionicframework.com/t/ionic-2-scrollable-div-within-ion-content/58788/2这对我有很大帮助。
非常感谢本文的作者(asrinivasan)。
注意:-我注意到-
如果我们的代码中有 ion-item 标签,它可能会给我们带来一些问题。因此,请务必删除此标签。
None
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)