怎么获取scrollTop

可以通过以下两种方式获取scrollTop：

1. 使用JavaScript的scrollTop属性：

var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;

2. 使用jQuery的scrollTop()方法：

var scrollTop = $("html, body").scrollTop();

相关问题

js根据类名获取scrollTop

在JavaScript中，如果你想根据类名获取某个元素相对于视口的滚动位置（scrollTop），你可以使用`document.querySelector`或`document.querySelectorAll`方法结合CSS选择器找到拥有指定类名的元素，然后通过`.scrollTop`属性来获取滚动值。下面是一个示例：

function getScrollPosition(className) {
  // 使用类名查找元素
  const elements = document.querySelectorAll(`.${className}`);
  
  if (elements.length > 0) {
    // 如果找到元素，则返回第一个元素的 scrollTop
    return elements[0].scrollTop;
  } else {
    console.error('Element with class name not found.');
    return null; // 或者抛出错误，表示找不到对应类名的元素
  }
}

// 调用函数并传入你要查询的类名
const scrollTop = getScrollPosition('yourClassName');
console.log(scrollTop);

在这个例子中，`'yourClassName'`需要替换为你实际想要查询的类名。

获取整个页面的scrollTop值

你可以使用 `document.documentElement.scrollTop` 或者 `document.body.scrollTop` 来获取整个页面的 scrollTop 值。这两种方法在不同浏览器中有所不同，因此可以结合使用，如下所示：

const scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
console.log(scrollTop);

请注意，如果你想监视页面滚动事件，并在滚动时获取最新的 scrollTop 值，可以使用 `window.addEventListener('scroll', callback)` 来注册一个事件监听器。在事件处理函数中，你可以使用上述代码来获取最新的 scrollTop 值。