Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/412.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/77.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/email/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在iframe中使用按钮单击/添加EventListener滚动到底部_Javascript_Html_Iframe_Scroll - Fatal编程技术网

Javascript 如何在iframe中使用按钮单击/添加EventListener滚动到底部

Javascript 如何在iframe中使用按钮单击/添加EventListener滚动到底部,javascript,html,iframe,scroll,Javascript,Html,Iframe,Scroll,好的,我有三个iframe,我想要一个按钮,这样我可以立即滚动到其中一个iframe(iframe1)的按钮。我想我大部分的代码都是正确的,我只是不知道如何让“函数向下滚动” 我的代码: <iframe id="iframe1" src="http://examplepage1.com"><iframe> <iframe id="iframe2" src="http://examplepage2.com"><iframe> <iframe i

好的,我有三个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() {

    }

转到按钮
var scroll=document.getElementById(“滚动”);
scroll.addEventListener(“单击”,向下滚动);
函数scrollDown(){
}

您可以使用以下功能:

  • scrollIntoView():scrollIntoView()方法滚动指定的 元素插入浏览器窗口的可见区域。 e、 g.var元素=document.getElementById(“bottomDiv”); 元素。scrollIntoView()
  • scrollTo():将文档滚动到指定的坐标 例如,窗口。滚动到(0,0)
  • 滚动():将窗口滚动到文档中的特定位置。 窗口。滚动(x坐标,y坐标) e、 g.滚动(0,100)
  • 看看这个答案