获取浏览器顶部距离，可见距离，屏幕宽度，滚动条保持状态，滚动条距离顶部，底部的距离,屏幕分辨率等...
2019独角兽企业重金招聘Python工程师标准>>> 
本文章不定时更新
浏览器：
var s = "";s += " 网页可见区域宽：" + document.body.clientWidth + "\n";s += " 网页可见区域高：" + document.body.clientHeight + "\n";s += " 网页可见区域宽：" + document.body.offsetWidth + " (包括边线和滚动条的宽)" + "\n";s += " 网页可见区域高：" + document.body.offsetHeight + " (包括边线的宽)" + "\n";s += " 网页正文全文宽：" + document.body.scrollWidth + "\n";s += " 网页正文全文高：" + document.body.scrollHeight + "\n";s += " 网页被卷去的高(ff)：" + document.body.scrollTop + "\n";s += " 网页被卷去的高(ie)：" + document.documentElement.scrollTop + "\n";s += " 网页被卷去的左：" + document.body.scrollLeft + "\n";s += " 网页正文部分上：" + window.screenTop + "\n";s += " 网页正文部分左：" + window.screenLeft + "\n";s += " 屏幕分辨率的高：" + window.screen.height + "\n";s += " 屏幕分辨率的宽：" + window.screen.width + "\n";s += " 屏幕可用工作区高度：" + window.screen.availHeight + "\n";s += " 屏幕可用工作区宽度：" + window.screen.availWidth + "\n";s += " 你的屏幕设置是 " + window.screen.colorDepth + " 位彩色" + "\n";s += " 你的屏幕设置 " + window.screen.deviceXDPI + " 像素/英寸" + "\n";alert(s);元素：
元素距离顶部距离document.getElementById(id).offset().top元素距离左边距离document.getElementById(id).offset().left可根据需求改为Jquery$(window).scrollTop(); //得到滚动条距离顶部的距离。 //设置滚动条距离顶部或底部的距离，保持滚动条状态等
$(window).scroll( function() {
var screenheight = window.screen.availHeight; //获取屏幕高
$(window).scrollTop( document.body.clientHeight-120-screenheight);//移动到据底部120px
} );转载于:https://my.oschina.net/oospace/blog/357177
本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！