滚动条
出现滚动条通常在以下现况情况中：
1、盒子内容的高度或宽度超出容器被分配的空间大小。
2、文档对象所呈现的当前页面的高度或宽度大于浏览器可视区域的尺寸。
| 方法 | 说明 |
| scrollLeft() | 获取jQuery选择结果中第一个元素的水平滚动条的位置，或者设置所有匹配节点的水平滚动条的位置。 |
| scrollTop() | 获取jQuery选择结果中第一个元素的垂直滚动条的位置，或者设置所有匹配节点的垂直滚动条的位置。 |
<!DOCTYPE html>
<html>
<head>
<title>滚动条</title>
<meta charset="UTF-8">
<script src="https://ajax.aspnetcdn.com/ajax/jquery/jquery-3.3.1.min.js"></script>
<style>
body{
min-height: 400px;
min-width: 600px;
background-color: #999;
}
</style>
</head>
<body>
<div style="margin-top: 200px; margin-left: 300px;">
<label id="lblx"></label>
<label id="lbly"></label>
</div>
<script>
$(window).scroll(function () {
$('#lblx').text($(window).scrollLeft());
$('#lbly').text($(window).scrollTop());
});
</script>
</body>
</html>