使用 jquery 获取滚动位置

Question

奇怪的请求，但我需要获取当前浏览器滚动位置作为变量。 我应该使用什么 js 或 jquery 函数？ 我需要它来弄清楚要在侧面显示哪些元素。 我在网上找到了一些东西，但对我的 div 没有任何作用，只有整页。

Answer 1

跨浏览器变体

$(document).scrollTop();

Answer 2

较旧的 IE 和 Firefox 浏览器将滚动条附加到documentElement ，或者<html>的<html>标签。

所有其他浏览器都将滚动条附加到document.body ，或者 HTML 中的<body>标签。

正确的解决方案是检查使用哪个，具体取决于浏览器

var doc = document.documentElement.clientHeight ? document.documentElement : document.body;
var s   = $(doc).scrollTop();

jQuery 确实让这更容易一些，当传入window或document jQuery 的scrollTop会做类似的检查并计算出来，所以这两个都应该跨浏览器工作

var s = $(document).scrollTop();

要么

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

描述：获取匹配元素集合中第一个元素的滚动条当前垂直位置或为每个匹配元素设置滚动条的垂直位置。

...没有什么适合我的 div，只有整页

如果是用于 DIV，则必须以附加滚动条的元素为目标，以获取滚动量

$('div').scrollTop();

如果您需要从文档顶部获取元素距离，您也可以这样做

$('div').offset().top

Answer 3

我相信 jQuery 最好的方法是使用.scrollTop() ：

var pos = $('body').scrollTop();

Answer 4

使用scrollTop()获取或设置滚动位置。