原生JS获取ScrollTop/ScrollLeft


使用原生JS获取浏览器ScrollTop,ScrollLeft的方法:

function scroll() {
        if (window.pageYOffset != null){
//            支持IE9 +
            return{
                left:window.pageXOffset,
                top:window.pageYOffset
            }
        }else if (document.compatMode == 'CSS1Compat'){
//            声明了DTD

            return{
                left:document.documentElement.scrollLeft,
                top:document.documentElement.scrollTop
            }
        }

        return{
            left:document.body.scrollLeft,
            top:document.body.scrollTop
        }
    }

说明: document.compatMode 是说明当前文档的渲染模式
属性值包括:(1)BackCompat,文档处于“混杂模式”;
(2)CSS1Compat, 文档处于“标准模式”或者“准标准模式(almost standards mode)”
详情查看MDN文档:document.compatMode

你可能感兴趣的:(JavaScript知多少,关于面试)