在iframe中时，scrollTop不起作用

Question

考虑此页面以及页面下方的按钮：http://test.debord.eu/scrollto/

单击按钮时，滚动到页面顶部；然后无论您单击何处，都会返回到按钮。

现在，我将此页面嵌入一个框架中：http://test.debord.eu/scrollto/iframe.html

scrollTop方法不再起作用。 有人可以告诉我如何使滚动条在iframe中工作吗？

Answer 1

scrollTop方法可在当前文档的滚动条上使用。

在您的first example中，滚动条位于此document中。因此，点击scrollTop即可。

2nd case滚动条中的现在位于主窗口中，而不是<iframe src="http://test.debord.eu/scrollto/">框架之内。

尝试将height:1000px;添加到scrollto iframe元素中。

现在click应该可以工作。