vue element-ui 的 Message 消息提示 在 iframe 中滾動父頁面的 scroll 時 Message 固定懸浮失效解決方案!

 this_.$message({

                                showClose: true,

                                message: '我是成功消息!',

                                type: 'success',

                                duration:1000,

                                offset: this_.getWindowScrollTop(window.parent)

                            });

 

 

 getWindowScrollTop:function(win){
                    var scrollTop=0; 
                if(win.document.documentElement&&win.document.documentElement.scrollTop){
                    scrollTop=win.document.documentElement.scrollTop;
                }else if(win.document.body){ 
                    scrollTop=win.document.body.scrollTop;
                }
                return scrollTop;
            },
 getWindowHeight:function(win){
                var clientHeight=0;
                if(win.document.body.clientHeight&&win.document.documentElement.clientHeight){
                    clientHeight = (win.document.body.clientHeight<win.document.documentElement.clientHeight)?win.document.body.clientHeight:win.document.documentElement.clientHeight;
                }else{
                    clientHeight = (win.document.body.clientHeight>win.document.documentElement.clientHeight)?win.document.body.clientHeight:win.document.documentElement.clientHeight;
                }
                return clientHeight;
            },

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章