一,获取滚动条高度和位置
jQuery获取览器显示区域的高度： $(window).height(); 获取浏览器显示区域的宽度：$(window).width();获取页面的文档高度：$(document).height();获取页面的文档宽度：$(document).width();获取滚动条到顶部的垂直高度：$(document).scrollTop()或$(window).scrollTop()获取滚动条到左边的垂直宽度：$(document).scrollLeft()或$(window).scrollLeft()
Javascript
$(window).scroll(function() { ???console.log(ScollPostion());});function ScollPostion() { //滚动条位置 ???var t, l, w, h; ???if(document.documentElement && document.documentElement.scrollTop) { ???????t = document.documentElement.scrollTop; ???????l = document.documentElement.scrollLeft; ???????w = document.documentElement.scrollWidth; ???????h = document.documentElement.scrollHeight; ???} else if(document.body) { ???????t = document.body.scrollTop; ???????l = document.body.scrollLeft; ???????w = document.body.scrollWidth; ???????h = document.body.scrollHeight; ???} ???return { ???????top: t, ???????left: l, ???????width: w, ???????height: h ???};}二,元素距离页面顶部距离:
jQuery
$("#elt_id").offset().top;
Javascipt
document.getElementById("elt_id").offsetTop;
文章来源:http://blog.51cto.com/maplebb/1864637
js,jquery 获取滚动条高度和位置, 元素距顶部距离
原文地址：https://www.cnblogs.com/ooo0/p/8367091.html