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表示整个文档的高度。

键盘弹起后，document.documentElement.scrollHeight和window.innerHeight 值一样，无法判断是否为键盘弹起

在移动设备上，当键盘弹起时，浏览器会调整视口（viewport）的高度，导致 `document.documentElement.scrollHeight` 和 `window.innerHeight` 的值变得相同。这使得我们无法通过这两个值来判断键盘是否弹起。

为了解决这个问题，可以使用以下几种方法来判断键盘是否弹起：

1. **监听输入框的焦点事件**：
通过监听输入框的 `focus` 和 `blur` 事件来判断键盘是否弹起。

   const inputs = document.querySelectorAll('input, textarea');

   inputs.forEach(input => {
       input.addEventListener('focus', () => {
           console.log('键盘弹起');
       });

       input.addEventListener('blur', () => {
           console.log('键盘收起');
       });
   });

2. **监听窗口的 `resize` 事件**：
通过监听窗口的 `resize` 事件来判断视口高度的变化，从而判断键盘是否弹起。

   let keyboardOpen = false;

   window.addEventListener('resize', () => {
       const scrollHeight = document.documentElement.scrollHeight;
       const innerHeight = window.innerHeight;

       if (scrollHeight > innerHeight) {
           if (keyboardOpen) {
               console.log('键盘收起');
               keyboardOpen = false;
           }
       } else {
           if (!keyboardOpen) {
               console.log('键盘弹起');
               keyboardOpen = true;
           }
       }
   });

3. **使用 `IntersectionObserver`**：
通过观察输入框与视口的交叉情况来判断键盘是否弹起。

   const input = document.querySelector('input');

   const observer = new IntersectionObserver((entries) => {
       entries.forEach(entry => {
           if (entry.isIntersecting) {
               console.log('键盘收起');
           } else {
               console.log('键盘弹起');
           }
       });
   }, {
       root: null,
       threshold: 1.0
   });

   observer.observe(input);

以上方法可以帮助你判断键盘是否弹起，从而进行相应的处理。