jq弹窗垂直居中实现

作者:Jasmine - 2017年08月03日

浏览器垂直居中用jq怎么实现:

//浏览器窗口垂直居中
        function popup(popupName){
            var _scrollHeight = $(document).scrollTop(),//获取当前窗口距离页面顶部高度
                _windowHeight = $(window).height(),//获取当前窗口高度
                _windowWidth = $(window).width(),//获取当前窗口宽度
                _popupHeight = popupName.height(),//获取弹出层高度
                _popupWeight = popupName.width();//获取弹出层宽度
            _posiTop = (_windowHeight - _popupHeight)/2 + _scrollHeight;
            _posiLeft = (_windowWidth - _popupWeight)/2;
            popupName.css({"left": _posiLeft + "px","top":_posiTop + "px","display":"block"});//设置position
        }
        $(function(){ 
            $(".btn1").click(function(){ 
            popup($("#div1")); 
        });


本文作者: Jasmine

本文链接: https://www.jianbaizhan.com/article/562

版权声明: 本博客所有文章除特别声明外,均采用 CC BY-NC-SA 3.0 许可协议。转载请注明出处!


 请勿发布不友善或者负能量的内容。审查将对发布广告等违规信息进行处罚!