Javascript 如何确保HTML元素位于窗口的中心？

我希望在窗口中心的一个元素上执行一个函数，在将该元素保留在中心时执行另一个函数。那么，如何确保HTML元素位于窗口的中心？

使用以下样式属性：

希望这能解决

使用以下样式属性：

---

希望这能解决

对不起，这不是正确的。。。。确保。。。在浏览html页面时。。。。有五个要素。。。。当滚动第一个元素到中心时，我必须执行一些操作。。。有五个密码对不起这不是正确的。。。。确保。。。在浏览html页面时。。。。有五个要素。。。。当滚动第一个元素到中心时，我必须执行一些操作。。。有五个密码

display: table-cell;
vertical-align:middle;
text-align:center;
height:100%;
width:100%;