Question

我有一个div，里面有许多绝对定位的元素。现在我需要获取文档的高度才能在底部添加边距。

这段代码：

var body = document.body, html = document.documentElement;

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

在桌面上运行正常。但它不能在移动设备上运行......

它返回窗口高度而不是整个文档高度。

我想要做的是在底部添加一个边距，因为绝对定位的元素不起作用......

注意：由于平板电脑和智能手机上的奇怪行为，左侧和右侧站点上的固定元素移动，我不得不将主容器溢出属性设置为隐藏。

Answer 1

也许尝试使用JQuery height()方法。

＆＃13;

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script>
$(document).ready(function(){
    $("button").click(function(){
        alert("Height of document is: " + $(document).outerHeight(true));
    });
});
</script>
</head>
<body>

<button>Display the height of document</button>

＆＃13;

Answer 2

我发现问题是什么：由于溢出：隐藏它没有得到整个文档。

我通过搜索文档中的最低元素并向其添加margin-bottom来解决问题。

如何在移动设备上使用JavaScript获取整个文档的高度？

2 个答案: