Javascript 如何集中焦点元素？

下面的代码使用javascript将重点放在第二个元素上，但重点放在页面底部。我想把焦点元素放在页面中心，怎么做

$（函数（）{
$（“#两”）.focus（）；
});
body{color:white；}
#fis{高度：600px；宽度：60px；背景色：红色；}
#两个{高度：50px；宽度：60px；背景色：绿色；}
#thr{高度：600px；宽度：60px；背景色：蓝色；}

你好
先生
厕所
您可以使用JS选择聚焦元素，然后滚动窗口至该元素：

$('html, body').stop().animate({
    scrollTop: $(element_focused).offset().top
}, 300);

通过一点数学运算，您可以计算聚焦元素的中心，并更改
scrollTop
值。
添加
边距：0自动左/右页边距至
自动
水平居中元素：


$（函数（）{
$（“#两个”）.focus（）.addClass（'getCentered'）；
});
body{color:white；}
#fis{高度：600px；宽度：60px；背景色：红色；}
#两个{高度：50px；宽度：60px；背景色：绿色；}
#thr{高度：600px；宽度：60px；背景色：蓝色；}
.getCentered{margin:0 auto；}

你好
先生
厕所
垂直居中，水平居中，固定？@GermanoPlebani垂直，正如我所说的元素现在粘在底部。我认为OP需要垂直中心可能是@ketan，但OP必须回答答案或编辑关于它的问题。是的，我只需要垂直中心，正如我所说的聚焦元素粘在页面底部。我希望在页面的中心有一个焦点元素；在没有固定位置的情况下，我如何使其发生？