如何使用 iframe 中的按钮单击/addEventListener 滚动到底部

Question

好吧，我有三个 iframe，我想要一个按钮，这样我就可以立即滚动到其中一个 iframe(iframe1) 的按钮。我想我的大部分代码都是正确的，我只是不知道如何制作'function scrollDown'

我的代码：

<iframe id="iframe1" src="http://examplepage1.com"><iframe>
<iframe id="iframe2" src="http://examplepage2.com"><iframe>
<iframe id="iframe3" src="http://examplepage3.com"><iframe>

<button id="scroll">Go to button</button>


<script>

var scroll = document.getElementById("scroll");

scroll.addEventListener("click", scrollDown);

function scrollDown() {

    }

Answer 1

您可以使用以下内容：

1. scrollIntoView() :scrollIntoView() 方法滚动指定 元素到浏览器窗口的可见区域。 例如var element = document.getElementById("bottomDiv"); element.scrollIntoView()
2. scrollTo() :将文档滚动到指定坐标 例如。 window.scrollTo(0,0)。
3. scroll() ：将窗口滚动到文档中的特定位置。 window.scroll（x 坐标，y 坐标） 例如滚动(0, 100)