JS实现div动态水平垂直居中

<div class="bouncingScreen-bg" id="bouncingScreen-bg"></div>

<div class="bouncingScreenBox"  id="bouncingScreen"></div>

样式如下：

<style>

.bouncingScreen-bg{
width: 100%;
height: 100%;
background: #000;
opacity: 0.6;
position: absolute;
}
.bouncingScreen-content{
position: relative;
}


.bouncingScreenBox{
width: 80%;
margin-left: 10%;
margin-right: 10%;
}

</style>

把id为bouncingScreen的元素整个页面居中