#angular #ionic-framework
Вопрос:
Я исследовал это, но, похоже, ничего не работает. Я использую Ionic 5 и angular 8. У меня есть div, и в нем есть ионная сетка, которая показывает результаты моего запроса. Внизу у меня есть пейджинг. Моя проблема в том, что, когда вы нажимаете, чтобы перейти на другую страницу результатов, angular отправляет запрос на стороне сервера для следующей страницы, и она успешно загружается, но страница остается внизу страницы, где находится подкачка. Я хочу, чтобы он вернулся в начало списка при загрузке новой страницы. Еще больше усложняет это (я предполагаю) моя панель инструментов и «липкая» строка заголовка (ion-строка), которая, как я думаю, заставляет страницу думать, что она уже прокручена до верха. Я пробовал прокручивать как окно, так и div в своем угловом коде, но это не возымело никакого эффекта.
Пожалуйста, помогите
Ответ №1:
Я, наконец, решил эту проблему, поместив весь 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);
}