如何滚动到 iframe 顶部

问题描述 投票:0回答:2

我在我的网页中使用了另一个网站(已经处于活动状态),但该网站页面的高度太大。所以在将其高度限制为 100vh (或某个高度)之后。向下滚动 iframe 是可以的,但我需要 iframe 的浮动“滚动到顶部按钮”,这会将 iframe 滚动到顶部(不是父窗口滚动)。

我在

Angular
.ts 文件中使用了这段代码,它适用于父窗口滚动,但不适用于
<iframe>
P.S - 我正在使用 Angular 7

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

.html
代码
<button (click)="scrollToTop()">TOP</button>
预先感谢您。

更新:我已经尝试了以下建议的方法

document.getElementById("myIframe").scroll(0,0);
我能够打印innerHtml,这意味着getElementById工作正常,问题在于
.scroll(0,0)
也尝试过
.scrollTo(0,0)
.scrollBy(0,0)
,但结果相同

javascript html angular iframe scroll
2个回答
0
投票

只需执行相同操作,但将窗口替换为 iframe 元素:

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

0
投票

给出的答案几乎是正确的,但是你必须使用top.document,而不仅仅是document。 (后者指的是iframe中的文档,这不是你想要的。)所以正确的代码是 top.document.getElementById().scrollTo(0,0);

© www.soinside.com 2019 - 2024. All rights reserved.