滚动到 DOM 中元素的顶部 - Angular 8

Question

我在 angular.js 中使用了这个，但我不知道如何将它转换为 Angular 8。我需要在 DOM 中找到第一个“iframe”并在触发此 scrollToTop 的按钮单击上滚动到它的顶部() 函数。

scrollToTop() {

    //need to scroll on body and html elements due to browser differences

    let editorBody = this.$document.find('iframe')[0].contentDocument.body;

    let editorHtml = this.$document.find('iframe')[0].contentDocument.documentElement;

    angular.element(editorBody).duScrollTop(0);

    angular.element(editorHtml).duScrollTop(0);

  }

Answer 1

这可以用普通的 JavaScript 来完成。您可以使用querySelector()来获取与特定选择器 ( iframe)匹配的第一个 Element 。然后。您可以使用scrollIntoView滚动到该特定位置。document.querySelector('iframe').scrollIntoView(true);我在这里创建了一个演示。