2017-04-05 82 views
0

当显示键盘时,离子2输入元素不滚动到顶部。我已经尝试了所有可以在Google上找到的内容。确保键盘禁用滚动不正确。但仍然无法弄清楚是什么让滚动不起作用。 任何建议都会有所帮助。谢谢。输入元素不滚动

代码:

<ion-header> 
    <ion-navbar color="header"> 
    <ion-title>Billing Info</ion-title> 
    </ion-navbar> 
</ion-header> 
<ion-content> 
    <ion-list style="padding: 10px 15% 10px 15%"> 
    <ion-item *ngFor="let item of cart.Food"> 
     {{item.Food}} 
     <div item-right>₹ {{item.Qty*item.Price}}</div> 
    </ion-item> 
    </ion-list> 
    <ion-item (click)="toggleGroup(i)" style="padding: 10px 15% 10px 15%; font-size: large"> 
    Net Total 
    <div item-right>₹ 150 
     <ion-icon color="success" [name]="isGroupShown(i) ? 'arrow-dropdown' : 'arrow-dropright'"></ion-icon> 
    </div> 
    </ion-item> 
    <ion-list *ngIf="isGroupShown(i)" style="padding: 10px 15% 10px 15%" [ngClass]="{active: isGroupShown(i)}"> 
    <ion-item> 
     Bill Amount 
     <div item-right>₹ 150</div> 
    </ion-item> 
    ... 
    </ion-list> 
    <ion-item style="padding: 10px 15% 10px 15%"> 
    <ion-label>Discounts</ion-label> 
    <ion-checkbox item-right color="secondary" [(ngModel)]="discount" checked="false"></ion-checkbox> 
    </ion-item> 
    <ion-grid style="padding: 10px 15% 10px 15%; background-color: #f0e68c" radio-group [(ngModel)]="type"> 
    <ion-row> 
     <ion-col col-6> 
     <ion-item> 
      <ion-label>Percentage</ion-label> 
      <ion-radio value="percentage" checked item-right></ion-radio> 
     </ion-item> 
     </ion-col> 
     <ion-col col-6> 
     <ion-item> 
      <ion-label>Amount</ion-label> 
      <ion-radio value="amount"></ion-radio> 
     </ion-item> 
     </ion-col> 
    </ion-row> 
    <ion-row> 
     <ion-col col-12> 
     <ion-list> 
      <ion-item> 
      <ion-label floating>Unit</ion-label> 
      <ion-input type="text"></ion-input> 
      </ion-item> 
      <ion-item> 
      <ion-label floating>Reason</ion-label> 
      <ion-textarea rows="5"></ion-textarea> 
      </ion-item> 
     </ion-list> 
     </ion-col> 
    </ion-row> 
    <ion-row> 
     <ion-col col-12> 
     <button ion-button>Apply</button> 
     </ion-col> 
    </ion-row> 
    </ion-grid> 
</ion-content> 
<ion-footer text-center> 
    <ion-toolbar position="bottom"> 
    <button ion-button color="cart" round large outline>BILL</button> 
    </ion-toolbar> 
</ion-footer> 

截图:

enter image description here

enter image description here

回答