本文章不定时更新
浏览器:
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 } );