jQuery scroll() 方法

定义和用法

当用户滚动指定的元素时，会发生 scroll 事件。

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

scroll() 方法触发 scroll 事件，或规定当发生 scroll 事件时运行的函数。

语法

触发被选元素的 scroll 事件

$(selector).scroll()

添加函数到 reisize 事件

$(selector).scroll(function)

参数

参数	描述
function	可选。规定当 scroll 事件被触发时运行的函数。

示例

下例演示了对元素滚动的次数进行计数：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>欢迎来到蝴蝶教程</title>
    //此版本是百度cdn 1.11.1，当然你可以使用更高的版本，从2.0版本以上的是不支持ie6-8的
    <script type="text/javascript" src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script>
    <script>
        $(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>滚动了<span>0</span>次。</p>
</body>
</html>

尝试一下

定义和用法

语法

参数

示例

相关页面