JS 实现：根据网页与显示器高度关系动态设置 div 样式

以下是使用 JavaScript 实现判断网页长度是否超过显示器高度，并设置相应 `div` 样式的代码： ```javascript // 获取网页文档的高度 let documentHeight = Math.max(document.body.scrollHeight, document.documentElement.scrollHeight); // 获取窗口的高度 let windowHeight = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight; // 获取要设置样式的 div 元素 let divElement = document.getElementById('yourDivId'); // 判断网页高度是否超过窗口高度 if (documentHeight <= windowHeight) { divElement.style.position = 'fixed'; // 这里可以添加其他固定样式的设置 } else { divElement.style.position ='relative'; // 这里可以添加其他相对样式的设置 } ``` 额外需要注意的逻辑点： 1. 确保获取的 `div` 元素存在，否则可能会导致报错。 2. 样式的设置可能需要根据具体需求进行更多细节的调整。 3. 不同浏览器对于获取窗口和文档高度的方式可能略有差异，需要注意兼容性。 ######[AI写代码神器 | 239点数解答 | 2025-01-04 16:27:12]