Scroll to top of element in DOM - Angular 8

Question

I had this working in angular.js but I can't figure out how to convert it to Angular 8. I need to locate the first 'iframe' in the DOM and scroll to the top of it on a button click that triggers this scrollToTop() function.

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

wentjun · Accepted Answer · 2019-07-25 03:58:59Z

1

This can be done with vanilla JavaScript. You can use querySelector() to get the first Element which matches the specific selector (iframe). Then. you can use scrollIntoView to scroll to that specific position.

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

I have created a demo over here.

edited Jul 25, 2019 at 3:58

answered Jul 25, 2019 at 3:43

wentjun

42.8k10 gold badges107 silver badges116 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Scroll to top of element in DOM - Angular 8

1 Answer 1

Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Related