Блог

Я исследовал это, но, похоже, ничего не работает. Я использую Ionic 5 и angular 8. У меня есть div, и в нем есть ионная сетка, которая показывает результаты моего запроса. Внизу у меня есть пейджинг. Моя проблема в том, что, когда вы нажимаете, чтобы перейти на другую страницу результатов, angular отправляет запрос на стороне сервера для следующей страницы, и она успешно загружается, но страница остается внизу страницы, где находится подкачка. Я хочу, чтобы он вернулся в начало списка при загрузке новой страницы. Еще больше усложняет это (я предполагаю) моя панель инструментов и «липкая» строка заголовка (ion-строка), которая, как я думаю, заставляет страницу думать, что она уже прокручена до верха. Я пробовал прокручивать как окно, так и div в своем угловом коде, но это не возымело никакого эффекта.

Пожалуйста, помогите

Я, наконец, решил эту проблему, поместив весь div и сетку в тег с ионным содержанием, при этом для scrollevents установлено значение true. Затем я использовал @ViewChild для ссылки на элемент содержимого, и в своем угловом коде я назвал это.content.scrollToTop

HTML:

 <ion-content [scrollEvents]="true" #RecordList>
  <div>...</div>
</ion-content>
 

В угловой:

 import { IonContent} from '@ionic/angular';
export class MyPage implements OnInit  {
    @ViewChild('RecordList',{ static: false}) content: IonContent;
    ...
    scrollTop  {
       this.content.scrollToTop(1500);
    } 
 

Эта ссылка помогла мне