layer彈窗彈出位置不在瀏覽器窗口居中的問題的解決方法


問題描述:

layer彈窗的彈出位置不在瀏覽器視口居中,而是根據頁面內容居中了,導致頁面內容很長時,看不到彈窗,滾動滾動條才能看到,通常情況下,這並不滿足需求。

解決方法:

使用parent.layer來調用彈窗,這樣,彈窗的位置就會相對於上一級的window定位,而不是當前所在的window了
注意:通過parent.layer調用時,父級頁面也要引用layer.js
解決方法改進:有的時候,彈窗的內嵌層數比較多,那么就需要parent.parent.layer了,所以,直接使用top.layer更加方便

<script src="layer-v3.1.1/layer/layer.js"></script>
<script>
	$(document).ready(function() {
        $('.cancel-btn').click(function() {
			parent.layer.open({
			  type: 2,
			  content: 'http://sentsin.com', 
			});
		});
	});
</script>

參考原文:https://blog.csdn.net/qq_38706757/article/details/80855608


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM