Ionic 2 реализует Scrollable Div в боковой ионно-дифракционный

Это ответ, а не вопрос, но я не знаю, как опубликовать ответ здесь.

После просмотра некоторых статей для того же самого я узнал, что
Директива 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. Я узнал о VirtualScroll, но это была прокрутка всей страницы, которая не соответствовала моему требованию.
  2. Также пришел увидеть свойство Scroll of ionic, которое не соответствует моему требованию.

Затем я пришел посмотреть отличную статью, перечисленную в разделе "Ионный форум", и мне очень помогли, как- 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>

Здесь был требуемый выше код. которые мне очень помогают. Большое спасибо за это автору этой статьи (asrinivasan).

Примечание:- Я пришел, чтобы заметить -
Если в нашем коде есть тег ion-item, это может вызвать некоторые проблемы. Поэтому обязательно удалите этот тег.

0 ответов

Другие вопросы по тегам