如何使得盒子随着浏览器的拖动一直在正中间显示内容？

如何使得盒子随着浏览器的拖动一直在正中间显示内容？
样式如下：
.login_box{
width:400px;
height:500px;
background-color:#fff;
position:absolute;
left:50%;
top:50%;
transform:translate(-50%,-50%)//（横轴，纵轴）
}