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 页面上尝试查找我需要的信息。所以我在想我需要获得对打字稿文件中内容的引用。我已经习惯了 JS，在那种情况下它会像 document.getElementById() 一样简单......这里不是那么多。快速 google 搜索将我带到 V3 Framework docs。它明确指出 To get a reference to the content component from a Page's logic, you can use Angular's @ViewChild annotation: 这绝对很棒。谢谢你。但是我现在使用的是 V5，而不是 V3，它们的差异足以让一切都崩溃。

所以我想好吧，也许我只是个白痴，无法做任何事情来挽救我的生命。 向下滚动到方法 getScrollElement 和 scrollToTop 太棒了...我从这个文档中什么也没得到。

总而言之，我有两个问题。我如何在 v5 中执行此操作，或者您能否向我展示一个以更好的方式概述它的文档？我疯了吗？也许这是一个 angular 问题而不是离子问题。

Answer 1

这是一个离子挑战。

你有两个选择

1) 使用标准离子方式正确实现滚动到顶部 in the framework documentation forum. I include that link for context, but this direct link out of the question may be more useful.

2) 您可以找到您的元素并以编程方式滚动它。

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

注意：如果您能够发布目前为止尝试过的内容，将有助于为您提供更准确的答案。

Ionic v5 滚动到顶部

Ionic v5 scroll to top

angular

typescript

ionic-framework

ionic5