js 滚动条总结

版权声明:经验之谈,不足之处望指正。珍惜劳动成果 https://blog.csdn.net/ange2017/article/details/82745766
 window.onscroll = function () {
            // 实时打印滚动条滚动的距离
            const t = document.documentElement.scrollTop || document.body.scrollTop;
            console.log(t)
              
        };

// 元素距离顶部的距离
$(".flex-wrap").offset().top
alert($(window).height()); //浏览器当前窗口可视区域高度
alert($(document).height()); //浏览器当前窗口文档的高度
alert($(document.body).height());//浏览器当前窗口文档body的高度
alert($(document.body).outerHeight(true));//浏览器当前窗口文档body的总高度 包括border padding margin
alert($(window).width()); //浏览器当前窗口可视区域宽度
alert($(document).width());//浏览器当前窗口文档对象宽度
alert($(document.body).width());//浏览器当前窗口文档body的高度
alert($(document.body).outerWidth(true));//浏览器当前窗口文档body的总宽度 包括border padding margin
            

猜你喜欢

转载自blog.csdn.net/ange2017/article/details/82745766