1. 程式人生 > >layer彈窗彈出位置不在瀏覽器視窗居中的問題的解決方法

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