本文共 909 字,大约阅读时间需要 3 分钟。
<!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>
转载地址:http://lrem.baihongyu.com/