I added the "ion-scroll" in the list item but it slows the full scroll view of the list


#1

Hai,
iam new to ionic.I need to scroll in the list item i did it using the “ion-scroll” but it slows the default scroll.

                      <ion-item class="item widget uib_w_14 item-thumbnail-left listpad item-text-wrap" data-uib="ionic/list_item_avatar" data-ver="0" ng-repeat="tagsname in conditions ">
                     
                     <img  src="images/video_icon2.png">
                     <ion-scroll style="min-height:120px;overflow-y:scroll; max-height:120px;padding-left: 118px;padding-top: 10px; padding-bottom: 10px;">  
            <button class="button button-small button-light tagbut" ng-repeat="item in tagsname.tags" >    
                {{item.tag}}
       </button>  
                          </ion-scroll>
                      </ion-item>
                      </ion-list>

#2

It slows it how?

Android or iOS?

Have you implemented infinite scroll? http://www.gajotres.net/ionic-framework-tutorial-11-infinite-scroll/

You also need to limit a number of scrollable list elements … too many will kill any mobile device (where too many is 100+):


#3

sorry, I think my question was not clear i doing scroll inside the “ion-item”.in android device when i am scrolling its getting scroll only in the ion item.But the default scroll for the ion list is not getting scrolled when the ion item scroll ends. if i scrolled outside the ion item default scroll works properly.