iframe 嵌入页面 fixed 失效 解决方法

vue Message 信息提示 fixed 失效解决方法

获取父窗口滚动条到顶部的距离

getScroll.js


export function getWindowScrollTop(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;
}

　　在message提示页面  引入getScroll.js通过message的 offset属性来设置提示信息与滚动条绑定

import {getWindowScrollTop} from '@/utils/scroll'
this.$message({
  message:`提示信息`,
  type:'warning',
  offset:getWindowScrollTop(window.parent) 
})
            

　注意：这只是改变提示信息的提示位置；提示信息根据滚动条来进行调整Top值；