js 宽高相关及其应用

获取窗口/对象宽高的方法

//取的是屏幕的宽高，单位是是css像素。
screen.width/heihgt 
//取的是网页区域的宽高(浏览器高度)，单位是css像素。
window.innerWidth/innerHeight 
//页面向上滚动的高度
document.documentElement.scrollTop

判断元素是否出现在视野中

  function checkShow(img) {
    let scrollTop=document.documentElement.scrollTop; // 页面向上滚动的高度
    let windowHeight=window.innerHeight; //浏览器自身高度
    let offsetTop=img.offsetTop; //目标标签相对于document的高度
    return (offsetTop > scrollTop && offsetTop <(windowHeight + scrollTop));
  }