如何滚动到 iframe 的顶部

Question

I'm using a different website(already active) into my webpage, but that website page is too big in height. So after restricting its height to 100vh (or some height). Scrolling down through the iframe is okay, but I need a floating ' scroll to top button ' for iframe which will bring the iframe scroll to the top (NOT the parent window scroll).

I have used this code in .ts file of Angular , and it worked for the parent window scroll, but NOT for <iframe> PS - I'm using Angular 7

scrollToTop(){
    window.scroll(0,0);
  }

.html code <button (click)="scrollToTop()">TOP</button> Thank you in advance.

Update : I have tried the following suggested way document.getElementById("myIframe").scroll(0,0); I'm able to print the innerHtml, that means getElementById is working fine, the issue is with .scroll(0,0) Had tried .scrollTo(0,0) & .scrollBy(0,0) too but results the same

Answer 1

Just do the same but replace the window with the iframe element:

document.getElementById(<iFrameId>).scroll(0,0);