document.documentElement.scrollHeight 只能获取到一般高度

`document.documentElement.scrollHeight` 是JavaScript中用于获取文档元素滚动区域高度的一个属性。它返回的是从视口顶部到底部的实际内容高度，包括已经被用户滚动的内容。然而，这个值并不总是等于浏览器窗口的总高度，因为可能会有滚动条、工具栏等其他非可视部分。

当仅需要获取页面可见内容的高度时，它是一个有用的工具。如果需要获取整个浏览器窗口的高度，应该加上滚动条的高度：

var windowHeight = document.documentElement.clientHeight;
var scrollHeight = document.documentElement.scrollHeight;
var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;

var totalHeight = windowHeight + scrollTop;

这里`windowHeight`代表可视区域高度，`scrollHeight`是实际内容高度，`scrollTop`是滚动条的距离。总高度`totalHeight`则是两者之和。

相关问题

document.documentElement.scrollHeight

这是一个JavaScript代码，用于获取整个文档的高度（包括滚动部分）。document.documentElement是文档对象模型（DOM）中的根元素，scrollHeight属性表示元素内容的总高度，包括不可见的部分。因此，document.documentElement.scrollHeight表示整个文档的高度。

分析代码： // 滑动滚动条 - 实现自动加载 scrollTo() { // 滚动视口高度(也就是当前元素的真实高度) let scrollHeight = document.documentElement.scrollHeight || document.body.scrollHeight; // 可见区域高度 let clientHeight = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight; // 滚动条顶部到浏览器顶部高度 let scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop; // console.log (clientHeight); // console.log (scrollTop); // console.log (scrollHeight); if (clientHeight + scrollTop + 1 >= scrollHeight) { // 如果数据量超过30就停止继续加载 console.log('滚动条触底了'); console.log(this.$store.getters.getStoreCount); console.log(this.$store.getters.getStoreCount >= 30); if (this.$store.getters.getStoreCount >= 30) { window.removeEventListener('scroll', scrollTo); console.log('-------------------'); console.log('执行了移除加载事件'); } else { // 一秒后执行 const loading = this.$loading({ lock: true, text: 'Loading', }); setTimeout(() => { this.load(); loading.close(); }, 1000); } } },

这是一个 Vue.js 组件中的 `scrollTo` 方法，用于实现滚动条自动加载更多数据的功能。具体来说：

1. 首先，该方法获取了滚动视口高度、可见区域高度和滚动条顶部到浏览器顶部的高度，以便判断是否已经滚动到页面底部。

2. 如果滚动到页面底部，该方法会检查数据量是否已经超过 30 条。如果已经超过了，就移除滚动事件监听器；否则，就在 1 秒后执行 `load` 方法来加载更多数据。

3. 在加载数据的过程中，该方法会显示一个加载提示，并在加载完成后关闭它。

4. 在方法中，使用了 `window.removeEventListener` 来移除滚动事件监听器，但是要注意的是，这里应该传入 `this.scrollTo` 而不是 `scrollTo`，因为 `scrollTo` 是方法名，而 `this.scrollTo` 才是方法本身。