1. 程式人生 > >DOM之獲取滾動條位置

DOM之獲取滾動條位置

在DOM中可以通過兩種方式獲取滾動條的位置,通過pageXOffset,pageYOffset,或者scrollLeft,scrollTop

直接上程式碼,如下:

function getScrollOffsets(w) {
            //指定視窗,如果不指定則預設當前視窗
            w = w || window;

            //除了IE8 及更早的版本以外,其他瀏覽器都能用
            if(w.pageXOffset!=null)
            {
                return { x: w.pageXOffset, y: w.pageYOffset };
            }

            //對標準模式下的IE(或任何瀏覽器)
            var d = w.document;
           //document.compatMode用於判斷瀏覽器渲染方式,CSS1Compat代表標準相容模式,此時可以
//使用scrollLeft,scrollTop來獲取滾動條位置 if (document.compatMode == "CSS1Compat") return { x: d.documentElement.scrollLeft, y: d.documentElement.scrollTop }; //對於怪異模式下的瀏覽器 return { x: d.body.scrollLeft, y: d.body.scrollTop }; }