Is it possible to get the height of an horizontally and vertically scrollable div without taking into account the horizontal scrollbar ? I am trying to get the height of the visible portion of my div.
try this
html
<div class="div1">
<div class="div2"></div>
</div>
using jQuery
var width = $('.div1')[0]['clientWidth'];
var height = $('.div1')[0]['clientHeight'];
working demo http://jsfiddle.net/7xmun47a/
I think you might be looking for window.getComputedStyle(element, null)
. The documentation can be found on mdn documentation's site .
An example would look like:
var container = document.getElementById("whatever");
var computed = window.getComputedStyle(container, null).getPropertyValue("height");
// or pass width to getPropertyValue
This should give you the width minus the scrollbars.
There are actually two ways to retrieve the visible width or height of an element.
offsetHeight
or offsetWidth
: These guys return the VISIBLE height or width of you element including: BORDER, PADDING, SCROLLBAR AND MARGIN. You use them like this yourDiv.offsetHeight
clientHeight
or clientWidth
: These ones are the same as the ones above EXCEPT they only return the VISIBLE HEIGHT` or VISIBLE WIDTH AND PADDING but without borders, scrollbar, and margins. Referrences:
Hope this helps
您可以使用overflow-y表示垂直,使用overflow-x表示水平
overflow-y:scroll;
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.