브라우저 화면 크기 & Element 크기

브라우저 화면 크기 & Element 크기

브라우저 화면 크기

var viewTop = $(window).scrollTop();
var viewBottom = viewTop + $(window).height();

scrollTop이 현재 스크롤의 위치를 나타내는 값이다.

해당 값으로 현재 보고 있는 브라우저 화면의 Top / Bottom 값을 구할 수 있다.

Element 크기

var itemTop = $(item).offset().top;
var itemBottom = itemTop + $(item).outerHeight();

offset()

Document를 기준으로 한 엘리먼트의 위치값

outerHeight()

outerHeight() : margin값을 포함하지 않는 높이 값

outerHeight(true) : margin값을 포함한 높이 값