如何在使用Javascript滚动时在控制台中打印html屏幕的位置坐标?

时间:2017-02-14 16:04:17

标签: javascript html

我是初学者,如何打印HTML页面的高度,考虑到页面的起点和终点,如仅使用Basic Javascript在Console中的坐标。滚动页面时更改,所以它也需要计算滚动。 我试过这些代码

  

的script.js

document.body.onload = function(s) {

    s = s || window.event;
    var w = window.innerWidth;
    var h = window.innerHeight;
    console.log(["Width: " + w + "<br>Height: " + h]);
}

function getScrollXY() {

    var scrOfX = 0, scrOfY = 0;
    if( typeof( window.pageYOffset ) == 'number' ) {

        //Netscape compliant
        scrOfY = window.pageYOffset;
        scrOfX = window.pageXOffset;

    } 
    else if( document.body && ( document.body.scrollLeft || document.body.scrollTop ) ) {

        //DOM compliant
        scrOfY = document.body.scrollTop;
        scrOfX = document.body.scrollLeft;

    }
    else if( document.documentElement && ( document.documentElement.scrollLeft || document.documentElement.scrollTop ) ) {

        //IE6 standards compliant mode
        scrOfY = document.documentElement.scrollTop;
        scrOfX = document.documentElement.scrollLeft;

    }
    return [ scrOfX, scrOfY ];
}

但这些都不会奏效。帮我纠正我的代码。

0 个答案:

没有答案