jQuery | scrollLeft() 示例

概述

scrollLeft() 是 jQuery 中的一个方法，用于获取或设置元素的水平滚动位置。它返回当前元素中第一个匹配元素的水平滚动位置，或者根据传递的值来设置元素的水平滚动位置。

示例代码

获取元素的水平滚动位置

以下代码演示如何获取元素的水平滚动位置：

let scrollLeft = $('.my-element').scrollLeft();
console.log(scrollLeft);

以上代码中，我们首先通过 $() 方法选中一个元素，然后调用 scrollLeft() 方法获取它的水平滚动位置，并将结果存储在 scrollLeft 变量中。最后，我们将结果打印到控制台上。

设置元素的水平滚动位置

以下代码演示如何设置元素的水平滚动位置：

$('.my-element').scrollLeft(100);

以上代码中，我们首先通过 $() 方法选中一个元素，然后调用 scrollLeft() 方法并传递一个值，将元素的水平滚动位置设置为 100。

注意事项

• scrollLeft() 方法只适用于可以水平滚动的元素，例如：容器元素设置了 overflow-x: auto 或 overflow-x: scroll。
• 当传递的值为负数时，元素将滚动到最左侧。
• 当传递的值大于元素的宽度时，元素将滚动到最右侧。

结论

使用 scrollLeft() 方法可以轻松地获取或设置元素的水平滚动位置，这对于开发具有水平滚动功能的应用程序非常有用。