자바스크립트 객체위치 (scrollTop, scrollHeight, offsetHeight , clientHeight...) > script

offsetHeight 그 객체를 포함하고 있는 상위객체의 높이를 반환

  height = object.offsetHeight;

offsetWidth 그 객체를 포함하고 있는 상위객체의 폭을 반환

  width = object.offsetWidth;

clientHeight 스크롤바를 포함하는 요소의 높이를 반환 
  height = object.clientHieght;
 
clientWidth 스크롤바를 포함하는 요소의 폭을 반환
  width = object.clientWidth;
 
scrollHeight 스크롤바를 움직이지 않고 보여지는 요소의 전체 높이
  heigth = object.scrollHeight;

scrollLeft 요소의 왼쪽 스크롤 된 폭을 반환
  left = object.scrollLeft;
 
scrollTop 요소의 위쪽 스크롤 된 높이를 반환
  top = object.scrollTop;
 
scrollWidth 스크롤바를 움직이지 않고 보여지는 요소의 전체 폭
  width = object.scrollWidth;

아래부터 http://blog.kimchulho.com/344 펌

screen.availHeight / screen.availWidth 모니터전체사이즈(해상도)

저의 모니터 해상도는 가로 1366, 세로 768 입니다.

이용가능한 높이 : screen.availHeight

이용가능한 너비 : screen.availWidth

해상도 높이 : screen.height

해상도 너비 : screen.width

5가지 브라우저에서 모두 동일한 값을 출력합니다.

screen.availHeight와 screen.availWidth는 해상도를 바꾸지 않는한 고정이더군요.

[screen.availHeight,Width = screen.height,width - 시작표시줄 가로 또는 세로] 입니다.

시작표시줄이 좌우측이 있다면 브라우저 높이는 해상도 높이와 같게 되고, 너비가 줄게 됩니다.

즉, 우리가 보는 화면에서 시작 표시줄을 제외한 영역이 됩니다. (음영부분)

브라우저에 툴바가 몇개 있든지, 브라우저의 크기나 스크롤 등에 전혀 영향을 받지 않고 완전 고정입니다.

화면에 꽉차게 팝업을 띄울 필요가 있을때 screen.availHeight와 screen.availWidth를 사용하면 될것 같네요.