Comment faire défiler en haut de la page en ionique

je travaille actuellement dans ionic framework javascript et angular-js je viens de mettre la boîte de recherche et le rendu de la liste de clients, mais qui suppose que, dans la première tentative, j'ai peut rechercher avec "a", il montre tous les éléments qui, ayant alpha "un", mais le problème est quand je scroll vers le bas pour voir la liste des résultats de recherche et au fond si je veux rechercher avec " d " cette fois, il donne de résultat, mais à la partie supérieure de la page, mais mon faites défiler jusqu'au bas de la page.
Donc pour résoudre le problème ci-dessus, je veux définir la position de défilement en haut de la page lors de la requête de recherche est vide et l'affichage de toutes les client alors que dois-je faire pour résoudre ce problème

grâce adv..

source d'informationauteur Rohit Deshmukh | 2015-09-09

32

Vous pouvez essayer :
```
$ionicScrollDelegate.scrollTop();
```
http://ionicframework.com/docs/api/service/$ionicScrollDelegate/

Pour Ionique 2 et l'augmentation de l'utilisation de la scrollToTop() méthode sur le contenu de la classe.

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

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

J'ai l'habitude de le faire sur ma page d'accueil.

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

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

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

Ou vous pouvez appeler scrollTop() à chaque fois que vous le souhaitez.
Remarque: 400 est la durée en millisecondes, il est facultatif et vous pouvez l'utiliser aussi bien

.contenu.scrollToTop();

dans ce cas scrollToTop() permet de définir la valeur par défaut de 300.

0

La réponse ci-dessus permettra de faire défiler toutes vos vues haut de page. Si vous voulez avoir plus de contrôle, alors vous devrez utiliser un gestionnaire de délégués .

D'abord ce que vous voulez de défilement, vous devrez ajouter le gestionnaire de délégués nom
```
<ion-content delegate-handle="dashboard">
   ......
</ion-content>
```
Dans votre contrôleur, vous devrez utiliser ce gestionnaire
```
$timeout(function(){$ionicScrollDelegate.$getByHandle('dashboard').scrollTop(false);});
```
Je vous conseille d'utiliser un $timeout parce que si il y a du courant digérer cycle, cela ne fonctionnera pas. Également modifier faux à vrai si vous souhaitez animer le défilement. Enfin n'oubliez pas d'injecter $ionicScrollDelegate et $timeout dans votre contrôleur

Vous devez vous connecter pour publier un commentaire.