javascript - 滚动到 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) 匹配的第一个元素。然后。您可以使用 scrollIntoView 滚动到该特定位置。

document.querySelector('iframe').scrollIntoView(true);

我已经通过 here 创建了一个演示.