网页可见区域宽: ;
网页可见区域高: ;
网页可见区域宽: (包括边线的宽);
网页可见区域高: (包括边线的宽);
网页正文全文宽: ;
网页正文全文高: ;
网页被卷去的高: ;
网页被卷去的左: ;
网页正文部分上: ;
网页正文部分左: ;
屏幕分辨率的高: ;
屏幕分辨率的宽: ;
屏幕可用工作区高度: ;
屏幕可用工作区宽度:;
scrollHeight
获取对象的滚动高度。 scrollLeft
设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离 scrollTop
设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离 scrollWidth
获取对象的滚动宽度 offsetHeight
获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度 offsetLeft
获取对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置 offsetTop
获取对象相对于版面或由 offsetTop 属性指定的父坐标的计算顶端位置 相对文档的水平座标
相对文档的垂直座标
相对容器的水平坐标
相对容器的垂直坐标
垂直方向滚动的值
+
相对文档的水平座标+垂直方向滚动的量
要获取当前页面的滚动条纵坐标位置,用: ;
而不是: ;
-
documentElement
对应的是 html 标签,而body
对应的是 body 标签
例子:根据页面滚动位置显示浮动框
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>根据页面滚动位置显示浮动框</title>
<style>
body {
height: 2000px;
}
#toTop {
position: fixed;
bottom: 100px;
right: 0;
display: none;
}
</style>
</head>
<body>
<div id="toTop">
<a href="javascript:goToTop()">返回顶部</a>
</div>
<script>
var div = ("toTop");
= function () {
var heightTop = ;
if (heightTop >= 500)
= "block";
else
= "none";
}
function goToTop() {
= 0;
}
</script>
</body>
</html>