Javascript 如何将窗口的Y中间设置为元素的Y中间?

Javascript 如何将窗口的Y中间设置为元素的Y中间?,javascript,jquery,Javascript,Jquery,我已经创建了一个按钮,可以通过onclick将窗口的Y移动到BOX-5div的Y中间。换句话说,我想在窗口中间设置框5 div。我尝试了许多使用window.scrollTo和使用elements.innerHeight/2的方法,但我仍然无法将元素居中放置在窗口/屏幕的中间。请帮忙 我希望只使用Javascript,但如果不能使用它,那么我会接受jQuery脚本 index.html: window.onbeforeunload=函数{ 这是0,0; } var content=docume

我已经创建了一个按钮,可以通过onclick将窗口的Y移动到BOX-5div的Y中间。换句话说,我想在窗口中间设置框5 div。我尝试了许多使用window.scrollTo和使用elements.innerHeight/2的方法,但我仍然无法将元素居中放置在窗口/屏幕的中间。请帮忙

我希望只使用Javascript,但如果不能使用它,那么我会接受jQuery脚本

index.html:

window.onbeforeunload=函数{ 这是0,0; } var content=document.getElementByIdcontent, 电流=0;
对于var y=0;y更新了您的代码片段,如下所示。可以使用DOM元素属性offsetTop检查其Y位置,并使用window.scroll将视图滚动到该元素。另一个旁注是,最好不要将同一id分配给多个元素,因此我将id属性更改为class,并为类名添加标识符{index}

window.onbeforeunload=函数{ 这是0,0; } var content=document.getElementByIdcontent, 电流=0; 对于var y=0;Y