【JavaScript-30】js获取页面卷曲度

通过变量名直接赋值可以得到卷曲的值：

变量名.scrollTop = 卷曲的值;

//获取整个页面的卷曲度

​ function getScroll(){
​ return{
​ top:window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0
​ }
​ }

<button>获取button>
<div class="content">很多很多的文字，暂不复制div>
<script>
    var btn = document.querySelector("button");
	var cont = document.querySelector(".content");
	//页面加载完成触发
    window.onload = function (){
        //获取页面宽高，兼容写，或 自适应的一个方法
        var h = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight;
        //让小框的高度等于获取页面的高度
        cont.style.height = h+"px";
        
    }
    
    //获取卷曲度
    btn.onclick = function (){
        //如何设置卷曲的大小
        //获取的变量名可以直接赋值
        cont.scrollTop = 400;
    }
    
    //元素发生滚动所触发的函数
    cont.onscroll = function (){
        console.log("this",parseInt(this.scrollTop));
    }
    //获取整个页面的卷曲度
    function getScroll(){
        return{
            top:window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0
        }
    }
script>