jQuery scroll() 方法

实例

计算滚动条用于元素的次数:

<!DOCTYPE html>
<html>
<head>
<script src="https://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script>
<script>
var x = 0;
$(document).ready(function(){
  $("div").scroll(function(){
    $("span").text( x+= 1);
  });
});
</script>
</head>
<body>
<p>试试 div 中的滚动条</p>
<div style="border:1px solid black;width:200px;height:100px;overflow:scroll;">武汉，简称“汉”，别称江城，是湖北省省会，中部六省唯一的副省级市，特大城市，中国中部地区的中心城市，全国重要的工业基地、科教基地和综合交通枢纽，联勤保障部队机关驻地。
<br><br>
武汉地处江汉平原东部、长江中游，长江及其最大支流汉江在城中交汇，形成武汉三镇（武昌、汉口、汉阳）隔江鼎立的格局，市内江河纵横、湖港交织，水域面积占全市总面积四分之一。作为中国经济地理中心，武汉有“九省通衢”之称，是中国内陆最大的水陆空交通枢纽和长江中游航运中心。
</div>
<p>Scrolled <span>0</span> times.</p>
</body>
</html>

运行一下

定义与用法

scroll 事件在用户滚动指定元素时发生。

scroll 事件适用于所有可滚动元素和窗口对象（浏览器窗口）。

scroll() 方法触发滚动事件，或在滚动事件发生时附加要运行的函数。

语法

触发所选元素的 scroll 滚动事件:

$(selector).scroll()

将函数附加到 scroll 滚动事件:

$(selector).scroll(function)

参数	描述
function	可选。指定触发滚动事件时要运行的函数

jQuery scroll() 方法

实例

定义与用法

语法

更多实例

分类导航