Bootstrap modal(模态框)弹出层,始终显示在屏幕正中间显示

始终显示在屏幕正中间:

<script>
//让指定的DIV始终显示在屏幕正中间  
    function letDivCenter(divName){   
        var top = ($(window).height() - $(divName).height())/2;   
        var left = ($(window).width() - $(divName).width())/2;   
        var scrollTop = $(document).scrollTop();   
        var scrollLeft = $(document).scrollLeft();   
        $(divName).css( { position : 'absolute', 'top' : top + scrollTop, left : left + scrollLeft } ).show();  
    }
</script>	
<a href="javascript:;" onclick="letDivCenter('#model')">点我让DIV始终显示在屏幕中间</a><br />  
<div>  
    <div id="model" class="model">  
        这是内容(不过没有垂直居中显示)希望各位高手,能够补充。小弟在此谢过了。  
    </div>  
</div>
© 版权声明
THE END

喜欢就支持一下吧

点赞0 分享