在没有滚动条的情况下获得div高度

Question

是否可以在不考虑水平滚动条的情况下获得水平和垂直可滚动div的高度？ 我试图获得我div的可见部分的高度。

Answer 1

试试这个

<强> HTML

<div class="div1">
    <div class="div2"></div>
</div>

使用jQuery

var width = $('.div1')[0]['clientWidth'];
var height = $('.div1')[0]['clientHeight'];

工作演示 http://jsfiddle.net/7xmun47a/

Answer 2

我想你可能在寻找window.getComputedStyle(element, null)。该文档可在mdn documentation's site上找到。

示例如下：

var container = document.getElementById("whatever");
var computed = window.getComputedStyle(container, null).getPropertyValue("height");
// or pass width to getPropertyValue

这应该给你宽度减去滚动条。

jsbin example

Answer 3

实际上有两种方法可以检索元素的可见宽度或高度。

1. 第一种方法是使用offsetHeight或offsetWidth： 这些家伙返回你元素的可见高度或宽度，包括：BORDER，PADDING，SCROLLBAR和MARGIN。

您可以像yourDiv.offsetHeight

一样使用它们
1. 第二种方式是使用clientHeight或clientWidth：这些与上面的相同除了它们只返回VISIBLE HEIGHT`或VISIBLE WIDTH AND PADDING但没有边框，滚动条和边距。

Referrences：

clientWidth

clientHeight

offsetWidth

offsetHeight

希望这有帮助

Answer 4

你可以使用overflow-y表示vertical或overflow-x表示水平

overflow-y:scroll;