原生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

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