layer彈出層默認是相對body固定定位的，可是項目中一般需要相對某個盒子相對定位，下面是個加載彈層例子：

var loadIndex = layer.open({

type: 3, //3 表示加載

fixed: false, //取消固定定位，因為固定定位是相對body的

offset: ['60px', '132px'], //相對定位

time: 5000, //定時關閉彈層

icon: 2, //加載的icon類型

shade: 'background-color: rgba(0,0,0,.5)',

shadeClose: false,

success: function(layero,index){

$newsHot.css("position","relative").append(layero); //如果該父級原來沒有設置相對定位，那么在追加該彈層之前需要設置

}

});

這樣就實現相對父級元素定位啦，上面僅展示實現代碼，詳細的參考官方文檔哦 ：)

http://www.layui.com/doc/modules/layer.html? ?layer彈層組件開發文檔

layer彈出層傳值到父頁面

目前做的項目中用到layer彈層傳值,彈層輸入框輸入文本,點擊確定按鈕,父頁面的樹結構,會自動添加分組. 在此粘貼下代碼,以后遇到,方便回憶,如有疑問請留言,或許會為您解答 $(document).r ...

layer彈出層的關閉及父頁面的刷新問題

當在主頁面執行添加或修改時,用彈出層是比較好的選擇,如何關閉彈出層并對父級頁面進行操作呢 首先在父級頁面中打開一個添加頁面(彈出層) 在添加頁面的表單提交函數中添加如下代碼: function for ...

layer彈出層不居中解決方案，layer提示不屏幕居中解決方法，layer彈窗不居中解決方案

layer彈出層不居中解決方案,layer提示不屏幕居中解決方法,layer彈窗不居中解決方案 >>>>>>>>>>>>> ...

Layer彈出層銷毀問題

Layer彈出層銷毀問題 最近開發時有個問題記錄一下 點擊按鈕顯示相應的圖表信息,當時自己點感覺沒問題,誰知到測試手里多次點擊就會有后續打開的窗口無法渲染問題,看了半天才發現是調用layer.clos ...

layer 彈出層 回調函數調用 彈出層頁面 函數

1.項目中用到layer 彈出層,定義一個公用的窗口,問題來了窗口彈出來了,如何保存頁面上的數據呢?瘋狂百度之后,有了結果,趕緊記下. 2.自己定義的公共頁面方法: layuiWindow: func ...

在子頁面使用layer彈出層時只顯示遮罩層,不顯示彈出框問題

最近子頁面使用layer彈出層時只顯示遮罩層,不顯示彈出框,這個問題搞了很久,最后才發現,在子頁面上使用彈出框時,如果只使用layer.alert()或者layer.open()時,會默認在當前頁面彈 ...

Layui關閉彈出層并刷新父窗口

先確保已經引入layui和jquery 再確保初始化layer彈出層

layer彈出層不居中解決方案

layer彈出層不居中解決方案 代碼頭中加入以下代碼即可

layer彈出層

最近因為項目要求做了一個layer彈出層demo,先看效果圖 好了,現在開始上代碼 index.jsp <%@ page language="java" import=&qu ...

隨機推薦

React反模式 —— 如何不使用JSX地動態顯示組件

歡迎指導與討論 : ) 前言 文章的最后能寫出以?Modal.open( )?這種調用形式,動態顯示React對話框組件的寫法(類似于ant design),同時涉及數據交互(數據能異步地返回給調用者 ...

SDRAM控制器的Verilog建模之一

前言:作為經典存儲器的三劍客中的flash和sram已經建模測試過了,雖然現在都已經ddr2,ddr3,667MHZ.1333MHZ的天下了,但是接下這周來準備寫一下sdram的controller. ...

多線程進行n皇后計算

在瀏覽zhihu的時候, 看到了這個問題:Linux c++服務器端這條線怎么走??http://www.zhihu.com/question/22608820 , 其中排第一的答案說的很不錯.針對他 ...

LDAP協議

很多人雖然會使用dsadd等命令添加用戶,但是dsadd的命令說明里面并沒有涉及到dc,cn,ou的含義,很多人都不明白,這里是微軟的技術支持人 員的回信,希望對大家有幫助. CN, OU, DC 都 ...

第十八章 dubbo-monitor計數監控

監控總體圖: 紅色:監控中心 - ?dubbo-simple-monitor 黃色:provider 藍色:consumer 統計總體流程: MonitorFilter向DubboMonitor發送數 ...

&lbrack;c&sol;c&plus;&plus;&rsqb; programming之路(8)、匯編、求模、自增自減

一.插入匯編 #include void main(){ ; num=num+; //插入匯編語言 _asm{ mov eax,num;//eax是一個存儲器,將num的 ...

sam&lpar;后綴自動機&rpar;

后綴自動機ins解釋 void ins(int c){ int p=last;//將當前節點的parent節點變為last int np=++cnt;//建立新節點 last=np;//將last設為 ...

JavaCSV之讀CSV文件

Java在進行數據處理,有時候難免有進行CSV文件的操作,這里采用了JavaCSV讀CSV文件. 1.準備工作 (1)第三方包庫下載地址:https://sourceforge.net/project ...

在J2EE中屬于Web層的組件有&lpar;選擇1項&rpar;

在J2EE中屬于Web層的組件有(選擇1項) A. HTML B. EJB C. Applet D. JSP 解答:D

HDU 5831 Rikka with Parenthesis II &lpar;貪心&rpar;

Rikka with Parenthesis II Time Limit: 2000/1000 MS (Java/Others)????Memory Limit: 65536/65536 K (Jav ...

總結

以上是生活随笔為你收集整理的html5相对父元素定位,layer弹出层设置相对父级元素定位的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。