<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style type="text/css">
body{
height: 1800px;
}
</style>
<script src="../js/jquery-3.5.1.js"></script>
<script>
$(function () {
//样式操作
//滚动条的距离，scrollTop()
$(window).scroll(function () {
var top = $(this).scrollTop();
var $div = $("<div></div>");
var str = "";
if((top % 10) == 0)
{
str = "滚动距离：" + top + "px <br>";
}
$div.html(str);
$("body").append($div);
});
});
/*
在jQuery中，可以通过scrollTop（）方法获取或设置元素
相对于滚动条顶边的距离，也可以使用scrollLeft（）方法
来获取或设置相对于滚动条左边的距离。
获取的是一个整数n，不带单位，表示n像素
实际开发中，一般极少用到scrollLeft方法，了解即可。
*/
</script>
</head>
<body>
</body>
</html>
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
