javascript - 整个HTML页面的大小(当高度为100%时)

标签 javascript html css

我有一个在某些网站上使用的外部脚本 该脚本正在尝试计算整个 HTML 页面的高度(不仅仅是可见部分..)

一切都很好,除了一种奇怪的情况 - 有些网站使用 body { height:100% }。当 JavaScript 尝试计算整个页面的高度时,它仅返回可见高度。

我用过:

document.body.scrollHeight

在 Chrome 和 Firefox 上测试

最佳答案

找到答案:

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

jQuery 不是一个选项,因为其他网站使用我的脚本,我无法告诉他们使用 jQuery

关于javascript - 整个HTML页面的大小(当高度为100%时),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7398350/

相关文章:

css - LESS CSS 分层继承

css - 在特定子页面上隐藏 Ionic TabBar (IONIC 3)

javascript - Bootstrap 轮播 slider 事件类和下一个/上一个按钮不起作用

javascript - 在 Firefox 中使用焦点方法的输入类型范围不起作用

php - 如何在 php 中删除时使用 sweetalert

javascript - 这个jquery脚本能不能写的更优雅一点?

javascript - 滚动 div 问题

javascript - 带有地理坐标的离线英国邮政编码数据库

javascript - WebGL 2.0 错误 : glDrawArrays: attempt to access out of range vertices in attribute 0

javascript - 将事件监听器添加到表单中的提交按钮