Ionic v5 滾動到頂部

Question

Current environment:
    Ionic CLI                     : 6.7.0
    Ionic Framework               : @ionic/angular 5.1.0
    @angular-devkit/build-angular : 0.803.26
    @angular-devkit/schematics    : 8.3.26
    @angular/cli                  : 8.3.26
    @ionic/angular-toolkit        : 2.2.0

ionic v5 的文檔讓我一無所知。 我還沒有克服我想的學習曲線。

如何使用浮動操作按鈕創建滾動到頂部按鈕？ 我一直在Content Docs頁面上嘗試查找我需要的信息。 所以我想我需要參考 typescript 文件中的內容。 我已經習慣了 JS，在這種情況下，它就像document.getElementById()一樣簡單……這里就不多說了。 快速谷歌搜索將我帶到V3 框架文檔。 它明確指出To get a reference to the content component from a Page's logic, you can use Angular's @ViewChild annotation:這絕對是美妙的。 謝謝你。 但是我現在使用的是 V5，而不是 V3，它們的不同之處足以讓一切都崩潰。

所以我很好，也許我只是個白痴，無法做任何事來挽救我的生命。 向下滾動到方法getScrollElement和scrollToTop Coooooool...我從這個文檔中什么也沒得到。

總結一下，我有兩個問題。 我怎樣才能在 v5 中做到這一點，或者你能告訴我一個以更好的方式概述它的文檔嗎？ 我瘋了嗎？ 也許這是一個 angular 問題而不是離子問題。

Answer 1

這是一個離子挑戰。

你有兩個選擇

1）使用框架文檔論壇中詳述的標准離子方式正確實現滾動到頂部。 我包含該鏈接作為上下文，但這個直接鏈接可能更有用。

2）您可以找到您的元素並以編程方式滾動它。

document.querySelector('app-your-component-name').querySelector('ion-content').scrollToTop();

注意：如果您能夠發布到目前為止所嘗試的內容，這將有助於為您提供更准確的答案。