javascript - 按其他位置居中 div

Question

我想制作一个响应式菜单，我的类 .current 的菜单项需要位于屏幕中央。我试图制作一个 jQuery，但我不知道如何将位置设置为 .current 元素的中心。

这是我的 JSFiddle

还有我的 jQuery，我想做的

$(document).ready(function(){
    $(updateBoxDimension);
    $(window).on('resize', updateBoxDimension);
});


function updateBoxDimension() {
    var current = $(".menu .item.current");
    var pozition = current.position();
    var windows = $(window).width();
}

Answer 1

用css解决问题怎么样？

.current{
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}