{site_name}

{site_name}

🌜 搜索

jQuery对象的scroll()函数是用于绑定或触发滚动事件的方法

前端 𝄐 0
jqueryscrollTo,jqueryscrollTop,jqueryscroll事件
jQuery对象的scroll()函数是用于绑定或触发滚动事件的方法。它允许在元素被滚动时执行指定的函数。

语法: $(selector).scroll(function)

参数:function为滚动事件触发后要执行的函数。

示例:

HTML代码:

<div class="container">
<h1>Hello World!</h1>
</div>


JavaScript代码:

$(".container").scroll(function() {
console.log("Container is being scrolled.");
});


上面的代码将绑定在类名为"container"的div元素上,当该元素被滚动时,console中会输出"Container is being scrolled."的信息。

还可以使用scroll()函数来获取和设置元素的滚动位置,例如:

JavaScript代码:

var scrollTop = $(".container").scrollTop(); // 获取滚动条垂直位置
$(".container").scrollTop(100); // 将滚动条垂直位置设置为100px