浏览器高度兼容性

浏览器高度兼容性

1.标准模式下

浏览器的实际高度： document.body.clientHeight
浏览器的可视高度：document.documentElement.clientHeight

2.非标准模式下

浏览器的实际高度：document.documentElement.clientHeight
浏览器的可视高度：document.body.clientHeight

var img = document.getElementById('img1')
    window.onscroll = function () {
        var scroll1 = document.documentElement.scrollTop
        var kehsi = document.documentElement.clientHeight
        // console.log(scroll1);
        if(scroll1>kehsi){
            img.style.display = 'block'
        }else{
            img.style.display = 'none'
        }
        img.οnclick=function(){
            var time = setInterval(function(){
                document.documentElement.scrollTop -= 10
            },10)
            if(scroll1<=0){
                clearInterval(time)
            }
        }
    }