event事件的坐标

 function show() {

        var showId = document.getElementById("box")
        //兼容浏览器，获取可视区域的高度
        var clients = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight;
        //  getBoundingClientRect()这个方法返回一个矩形对象，包含四个属性：left、top、right和bottom。分别表示元素各边与页面上边和左边的距离。
        var divTop=showId.getBoundingClientRect().top;
        if(divTop<=clients){
            showId.classList.add("fadeInLeft")
        }
//        total = document.documentElement.clientHeight;
        document.getElementById("boxWrapper").style.height=clients+"px"; //设置div高度为浏览器的高度
    }
    window.onload=show
//    window.onscroll=show;