İyonik

Question

sayfasının üst kısmında nasıl kaydırılır Şu anda sadece javascript ve açısal-js üzerinde iyonik çerçeve içinde çalışıyorum ben sadece arama kutusunu koymak ve müşteri listesini render ama ilk denemede 'a' ile arama yapabilirsiniz varsayalım alfa 'a' olan tüm öğeleri gösterir ama arama sonuç listesini görmek için aşağı kaydırdığımda en altta sorun olur ve bu sefer 'd' ile arama yapmak istesem de sonuç verir, ancak sayfanın en üstünde ancak benim kaydırma sayfanın alt kısmındadır. Yani

Answer 1

.. You arama sorgusu boş olduğunda ben sayfanın üst kısmında belirlenen kaydırma konumunu istediğiniz Yukarıdaki sorunu çözmek ve ben bu sorunu zarf içinde

sayesinde çözmek yapmalıyım yani ne tüm müşteri gösterilecek İyonik 2 için

$ionicScrollDelegate.scrollTop(); 

http://ionicframework.com/docs/api/service/$ionicScrollDelegate/

Answer 2

ve daha yüksek içerik sınıfına scrollToTop() yöntemi kullanın: deneyebilir.

sayfa.html

<ion-content> 
    Add your content here! 
</ion-content> 

page.ts

import { Component, ViewChild } from '@angular/core'; 
import { Content } from 'ionic-angular'; 

@Component({...}) 
export class MyPage{ 
    @ViewChild(Content) content: Content; 

    scrollToTop() { 
    this.content.scrollToTop(); 
    } 
} 

http://ionicframework.com/docs/api/components/content/Content/#scrollToTop

Answer 3

yanıt yukarıda top için tüm görüşlerini kaydıracaktır bakın. Daha fazla kontrol sahibi olmak istiyorsanız bir delege işleyicisi kullanmanız gerekecektir. Bir $ zaman aşımı kullanarak öneriyoruz size denetleyicisi olarak temsilci işleyicisi Adını

<ion-content delegate-handle="dashboard"> 
    ...... 
</ion-content> 

eklemek zorunda kalacaktır kaydırmak istediğini

Önce bu Handler

$timeout(function(){$ionicScrollDelegate.$getByHandle('dashboard').scrollTop(false);}); 

kullanmak zorunda olacak çünkü mevcut özet döngüsü varsa, çalışmaz. Kaydırmayı canlandırmak istiyorsanız, yanlış değerini true olarak değiştirin. Son olarak ana sayfamdan Kumandanızda normalde

Answer 4

Bunda $ ionicScrollDelegate ve $ zaman aşımı enjekte dont unutmak. Veya istediğiniz zaman scrollTop() öğesini çağırabilirsiniz.