History

xieshen 35d9133e59 init		2018-08-20 16:21:51 +08:00
..
.bower.json	init	2018-08-20 16:21:51 +08:00
README.md	init	2018-08-20 16:21:51 +08:00
bower.json	init	2018-08-20 16:21:51 +08:00
get-size.js	init	2018-08-20 16:21:51 +08:00

README.md

getSize

Get the size of elements.

var size = getSize( elem );
// elem can be an element
var size = getSize( document.querySelector('#selector') )
// elem can be a string, used as a query selector
var size = getSize('#selector')

Returns an object with: width, height, innerWidth/Height, outerWidth/Height, paddingLeft/Top/Right/Bottom, marginLeft/Top/Right/Bottom, borderLeft/Top/Right/BottomWidth and isBorderBox.

Browser support: IE10+, Android 4.0+, iOS 5+, and modern browsers

Install

Install with Bower: bower install get-size

Install with npm: npm install get-size

Firefox hidden iframe bug

Firefox has an old bug that occurs within iframes that are hidden with display: none. To resolve this, you can use alternate CSS to hide the iframe off-screen, with out display: none.

.hide-iframe {
  visibility: hidden;
  position: absolute;
  left: -999em;
}

MIT License

getSize is released under the MIT License.