jQuery scroll() 方法

scroll() 方法用于触发 scroll 事件或附加一个函数，以便在发生滚动时执行。

当元素使用滚动条时，会发生 scroll 事件。当用户向上或向下移动滚动条时，会触发该事件。我们可以使用 CSS overflow 属性 来创建滚动条。scroll 事件会为 window 对象或所有可滚动元素触发。

语法

我们可以简单地使用 scroll() 方法，或者为 scroll 事件添加一个函数。使用 scroll() 方法的语法如下：

为选定的元素触发事件

附加一个函数

上面语法中的 selector 是选定的元素。上面语法中提到的参数 function 是可选的。它是一个在 scroll 事件发生时要执行的函数。附加的函数在滚动时执行特定的任务。

让我们来看一个使用 scroll() 方法的示例。

示例

这是一个使用 scroll() 方法的简单示例。这里有一个 id 为 "para" 的段落元素，我们对其应用了 scroll() 方法。滚动该段落时，附加到 scroll() 方法的函数将被触发，并改变相应段落的颜色和背景颜色。这里我们使用了 scroll() 方法的可选参数。

输出

滚动屏幕上的带边框文本后，我们将得到以下输出：