More than 5 years have passed since last update.

elementとwindowサイズの取得

WebAPI

Last updated at 2014-07-18Posted at 2014-07-12

サイズの取得

{: style=”width: 200px; vertical-align:middle;”}

offsetTop：要素が始まる場所と上の要素の位置

offsetHeight：指定した要素の高さ

document.body.scrollTop：windowのtopから、要素のtopまでの位置

window.innerHeight：ウィンドウの高さ

getBoundingClientRect

getBoundingClientRect(This is an experimental technology)

example

$('div')[1].getBoundingClientRect()
ClientRect {height: 1338, width: 320, left: 0, bottom: 1241, right: 320…}
bottom: 1241
height: 1338
left: 0
right: 320
top: -97
width: 320

You get articles that match your needs
You can efficiently read back useful information
You can use dark theme

What you can do with signing up