获取我在 jQuery 中滚动了多少 - Javascript

在使用 jQuery 进行页面滚动时，你可能会想要获取滚动的距离。本文将介绍如何使用 JavaScript 来获取在 jQuery 中滚动了多少。

方案一：使用 scrollTop 方法

在 jQuery 中，可以使用 scrollTop() 方法来获取元素的垂直滚动距离。这个方法将返回一个表示元素滚动距离的数值。

示例代码：

var scrollDistance = $(window).scrollTop();

上述代码会将当前窗口的滚动距离存储在 scrollDistance 变量中。

方案二：使用 scroll 事件

另一种方法是使用 jQuery 的 scroll 事件，监听滚动事件并获取滚动距离。这种方法可以在滚动过程中实时获取滚动距离。

示例代码：

$(window).scroll(function() {
  var scrollDistance = $(this).scrollTop();
  // 在控制台输出滚动距离
  console.log(scrollDistance);
});

上述代码会在浏览器窗口滚动时，在控制台输出滚动距离。

方案三：使用原生 JavaScript 的 scrollY 属性

如果你不想引入 jQuery，也可以使用原生 JavaScript 的 scrollY 属性来获取滚动距离。

示例代码：

var scrollDistance = window.scrollY;

上述代码会将当前窗口的滚动距离存储在 scrollDistance 变量中。

总结

以上就是在 jQuery 中获取滚动距离的几种方案。你可以根据自己的需求选择适合你的方法。希望本文对你有所帮助！

注意：本文提供的代码是基于最新版本的 jQuery 和 JavaScript，根据你的情况可能需要进行适当的调整。

参考资料：

• jQuery scrollTop()
• scroll event
• Window.scrollY