Как прокручивать вверху страницы в ионном

В настоящее время я работаю в ионной структуре на javascript и angular -js, я просто помещаю окно поиска и отображает список клиентов, но предположим, что в первой попытке я могу выполнить поиск с помощью "a", он показывает весь элемент, имеющий альфа 'a 'но проблема в том, что когда я просматриваю список результатов поиска и внизу, если я хочу искать с' d ', на этот раз он дает результат, но в верхней части страницы, но мой свиток находится внизу страницы, Поэтому, чтобы решить указанную выше проблему, я хочу установить положение прокрутки в верхней части страницы, когда поисковый запрос пуст и отобразит всех клиентов, и что я должен сделать для решения этой проблемы.

спасибо в adv..

Ответы

Ответ 2

Для Ionic 2 и выше используйте метод scrollToTop() для класса содержимого.

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

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

Ответ 3

Вышеприведенный ответ прокрутит все ваши взгляды вверх. Если вы хотите иметь больше контроля, вам придется использовать обработчик делегата.

Сначала, что вы хотите прокрутить, вам нужно будет добавить имя обработчика делегата

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

В вашем контроллере вам придется использовать этот обработчик

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

Я бы рекомендовал использовать $timeout, потому что если есть текущий цикл дайджеста, это не сработает. Также измените false на true, если вы хотите анимировать свиток. Наконец, не забудьте ввести $ionicScrollDelegate и $timeout в свой контроллер