Ionic 2 在 ion-content 指令中实现 Scrollable Div

2024-01-11

这是一个答案而不是问题,但我不知道如何在这里发布答案。

看到后一些文章 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>
  1. 我开始了解虚拟卷轴 https://ionicframework.com/docs/v2/api/components/virtual-scroll/VirtualScroll/,但它正在滚动完整页面,这与我的要求不符。
  2. 也过来看看滚动属性 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(使用前将#替换为@)

Ionic 2 在 ion-content 指令中实现 Scrollable Div 的相关文章

随机推荐