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

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