Home  >  Article  >  Web Front-end  >  jquery实现弹出div,始终显示在屏幕正中间的简单实例_jquery

jquery实现弹出div,始终显示在屏幕正中间的简单实例_jquery

WBOY
WBOYOriginal
2016-05-16 16:56:25972browse

以下代码块就能始终让弹出div位于屏幕的正中心,希望对大家有所帮助!

复制代码 代码如下:

    //让指定的DIV始终显示在屏幕正中间  
    function setDivCenter(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(); 
    } 
Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn