当前容器在窗口中居中显示

最新推荐文章于 2023-09-19 16:21:27 发布

小和与Django

最新推荐文章于 2023-09-19 16:21:27 发布

阅读量667

点赞数

分类专栏： JavaScript

本文链接：https://blog.csdn.net/u012475710/article/details/19118105

版权

JavaScript 专栏收录该内容

18 篇文章 0 订阅

订阅专栏

获取当前窗口的高度以及宽度，获取当前DIV容器的宽度、高度，然后把当前容器在窗口中居中显示

<script type="text/javascript">
    $windowHeight = $(window).height() // 获取浏览器当前窗口可视区域高度 
    $windowWidth = $(window).width() // 获取浏览器当前窗口可视区域高度 
    $pHeight = $('.creatDiv').height() // 获取弹出层高度 
    $pWidth = $('.creatDiv').width() // 获取弹出层宽度
    $pTop = ($windowHeight-$pHeight)/2
    $pLeft = ($windowWidth-$pWidth)/2 
    $('.creatDiv').css({"left": $pLeft +"px","top":$pTop +"px"})
    $( "#txt_EndDate").datepicker({dateFormat: 'yy/mm'})
</script>