彈出框設定在頁面居中

2022-08-25 09:21:10 字數 655 閱讀 5694

思路:

1.獲取當前頁面的高和寬、針對頂部和左側的滑動距離。

2.將彈出框的位置設為絕對位置。

3.設定彈出框針對螢幕的左側和頂部的距離。

**:html :

......   //模態框內容   

css: .dialog

script: var showdialog(){

var objw = $(window);

var objc = $(".dialog");

var brsw = objw.width();

var brsh = objw.height();

var scll = objw.scrollleft();

var sclt = objw.scrolltop();

var curw = objc.width();

var curh = objc.height();

var left = scrll + (brsw - curw)/2;

var top = scrlt + (brsh - curh)/2;

objc.css("left":left,"top":top);

ps:$(window).resize(function(){//頁面視窗大小改變事件

showdialog();

元素 居中 彈出框

方法1 table cell html結構 box box1 垂直居中 span div css box1 方法2 display flex.box2 方法3 絕對定位和負邊距.box3 box3 span 方法4 絕對定位和0.box4 span 這種方法跟上面的有些類似,但是這裡是通過margi...

頁面彈出資訊框

var x me.left var y 0 var width me.width var height 0 if me.offset 0 y me.bottom height if y me.bottom else me.pop.show x,y,width,height this.timer wi...

關於lhgdialog彈出框後在彈出框不顯示問題

lhgdialog api 當時用lhgdialog彈窗後,在彈窗頁面,提示儲存成功,但是儲存明明寫有彈出提示的 去沒有提示 dialog.alert 提示內容 實際上並不是沒有提示,是提示顯示在彈窗的後面了.例如 我彈出乙個編輯使用者資訊的頁面,dialog 然後我在儲存方法裡面加入 dialog...