aaa

/**
* 获取视口大小
* @return {{width: number, height: number}}
*/
function getViewportSize() {
  return {
        width:window.innerWidth,
        height:window.innerHeight
    }
}
window.innerWidth: 
  • 兼容到ie9
  • 包含滚动条的宽度

document
.documentElement.offsetWidth
  • html元素的宽度。




/**
* 判断给定元素是否在视口内
* @param {HTMLElement} ele
* @return {boolean}
*/
export function inViewport(ele) {
    let size = getViewportSize();
    
    let rect = ele.getBoundingClientRect();
    return (rect.top >= 0 && rect.top < size.height)
        && (rect.left >= 0 && rect.left < size.width);
}

如何判断元素在可视区域内?

2019-02-17 00:10:48 0 39
这里是评论

相关推荐