動態賦值彈窗位置

版權聲明：本文爲博主原創文章，未經博主允許不得轉載。 https://blog.csdn.net/qq_35180232/article/details/77838193

當我們點擊一個按鈕出發蒙層彈窗、彈窗時，想要根據你的瀏覽器頁面控制你的彈窗位置時：

   1.首先獲取頁面大小高寬：

var X = $(document).height();
var Y = $(document).width();

    2.根據你想將彈窗位置放在哪控制彈窗top  left(以彈窗居中爲例)

var XX= ($(document).height()/2)-300;
var YY = ($(document).width()/2)-300;

其中300爲你的彈窗高寬的二分之一；

3.通過jquery 根據彈窗ID控制css

$('#weixin_pay_qr').css("top", X);
$('#weixin_pay_qr').css("left", Y);
        $("#weixin_pay_qr").css({
               display : "block"
            });

當然你可以根據你的需求變動彈窗位置

4.最後效果

  缺點是由於是js生成的定值 只有在進入頁面時 top left 已經確定 當你在頁面縮放時，不會自適應