时间戳

首页 > 解决方案 > 滚动到DOM中的元素顶部 - Angular 8

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

问题描述

我在 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);
  }

标签： javascriptangular

解决方案

这可以使用原生 JavaScript 来完成。您可以使用querySelector()获取与特定选择器 ( iframe) 匹配的第一个元素。然后。您可以使用scrollIntoView滚动到该特定位置。

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

我在这里创建了一个演示。

推荐阅读