当前位置： 移动技术网 > IT编程>开发语言>JavaScript > jquery实现弹出div,始终显示在屏幕正中间的简单实例

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

2019年03月22日  | 移动技术网IT编程  | 我要评论

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

. 代码如下:


    //让指定的div始终显示在屏幕正中间  
    function setdivcenter(pname){  
        var top = ($(window).height() - $(pname).height())/2;  
        var left = ($(window).width() - $(pname).width())/2;  
        var scrolltop = $(document).scrolltop();  
        var scrollleft = $(document).scrollleft();  
        $(pname).css( { position : 'absolute', 'top' : top + scrolltop, left : left + scrollleft } ).show(); 
    } 

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网