2015-09-09 23 views
12

attualmente sto lavorando in framework ionico su javascript e angular-js ho appena messo la casella di ricerca e l'elenco di rendering del cliente ma suppongo che nel primo tentativo posso cercare con 'a' mostra tutti gli elementi che hanno alfa 'a' ma il problema è quando scorrono verso il basso per vedere l'elenco dei risultati della ricerca e in fondo se voglio cercare con 'd' questa volta dà risultati ma nella parte superiore della pagina ma il mio lo scorrimento è in fondo alla pagina. Quindi, per risolvere il problema sopra voglio posizione di scorrimento impostata nella parte superiore della pagina quando query di ricerca è vuota e potrai vedere tutti i clienti così che cosa devo fare per risolvere questo problemaCome scorrere in cima alla pagina in ionico

grazie in adv ..

risposta

7

Per ionico 2 e superiori utilizzare il metodo scrollToTop() sulla classe contenuto.

page.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(); 
    } 
} 

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

+2

Questo non funziona. Ricevo questo errore- Errore di runtime Impossibile leggere la proprietà 'scrollToTop' di null –

0

La risposta di cui sopra sarà scorrere tutti i vostri punti di vista in cima alla pagina. Se si desidera avere maggiore controllo, sarà necessario utilizzare un gestore delegato.

In primo luogo ciò che si desidera scorrere si dovrà aggiungere il nome del gestore delegato

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

Nel vostro controller si dovrà utilizzare questo gestore

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

Ti consiglio di utilizzare un $ timeout perché se c'è un ciclo di digest corrente non funzionerà. Modificare anche false in true se si desidera animare lo scorrimento. Infine non dimenticate di iniettare $ ionicScrollDelegate e $ timeout nel controller

0

normalmente presente sulla mia home page.

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

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

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

Oppure è possibile chiamare scrollTop() ogni volta che si desidera.

Problemi correlati