通过document获取页面滚动高度

通过 `document` 获取页面滚动高度可以使用以下代码：

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

在这里，我们使用了 `document.documentElement.scrollTop` 和 `document.body.scrollTop` 来获取页面滚动高度。这是因为不同浏览器对于获取滚动高度的方式可能不同，有些浏览器需要使用 `document.documentElement.scrollTop`，有些则需要使用 `document.body.scrollTop`。因此，我们使用 `||` 运算符来获取两种方式中的其中一个，确保能够在不同浏览器中正常工作。最终，我们将获取的滚动高度存储在 `scrollTop` 变量中。

相关问题

js获取网页滚动条高度的语法

要获取网页滚动条的高度，可以使用JavaScript代码中的`document.documentElement.scrollTop`或`document.body.scrollTop`属性，具体取决于网页的具体结构。以下是两种方法的示例：

1. `document.documentElement.scrollTop`：

   var scrollTop = document.documentElement.scrollTop;

这将获取当前网页文档的滚动条高度，不包括浏览器工具栏和菜单栏的高度。

2. `document.body.scrollTop`：

   var scrollTop = document.body.scrollTop;

这将获取当前网页文档的滚动条高度，包括浏览器工具栏和菜单栏的高度。

注意，不同浏览器可能有不同的实现方式，因此建议在具体项目中根据实际情况选择使用哪种方法。

获取页面滚动条的高度

您可以使用JavaScript来获取页面滚动条的高度。以下是一种常见的方法：

var scrollHeight = Math.max(
  document.body.scrollHeight,
  document.documentElement.scrollHeight,
  document.body.offsetHeight,
  document.documentElement.offsetHeight,
  document.body.clientHeight,
  document.documentElement.clientHeight
);

console.log("滚动条高度：" + scrollHeight);

这段代码将返回滚动条的高度，并使用`console.log`将其输出到控制台。您可以根据需要进行进一步处理或使用该值。