layer彈窗彈出位置不在瀏覽器視窗居中的問題的解決方法
阿新 • • 發佈:2018-12-12
問題描述:
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