如何在 iframe 中使用按钮单击/添加事件侦听器滚动到底部


Okey 我有三个 iframe,我

想要一个按钮,这样我就可以立即滚动到其中一个 iframe(iframe1) 的按钮。我想我的大部分代码都是正确的,我只是不知道如何使"函数向下滚动"

我的代码:

<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() {
    }
您可以使用

以下内容:

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

最新更新