JS判断元素在视口可见区域

该方法的主要原理是getBoundingClientRect，之前也曾多次遇到相关场景。这里是优化框架时想到的，总结一下，代码如下：

// 判断元素在视口
function isInViewport(element) {
    var rect = element.getBoundingClientRect();
    var html = document.documentElement;
     var top = document.documentElement.clientTop; // 非IE为0，IE为2
    var left= document.documentElement.clientLeft;

    return (
    rect.top -top >= 0 &&
    rect.left -left >= 0 &&
    rect.bottom -top <= (window.innerHeight || html.clientHeight) &&
    rect.right -left <= (window.innerWidth || html.clientWidth)
    );
}
// isInViewport($("#addAddrAddControlId8Inp")[0])