화면 중간의 위치 div (jQuery 포함)

Question

화면 가운데에 오버레이 상자를 추가해야합니다. 나는 그것을 제거 할 때까지 거기에 머물러 있어야합니다. 페이지가 스크롤 되어도 중간에 있어야합니다. 내 생각 엔 상대적인 포지셔닝이 필요하지만 마진 등을 얻는 방법은 무엇입니까? jQuery를 사용하여 계산해야합니까?

$(".myBox").css("margin-top", $(document).height()/2 - $(".myBox").height()/2); 

Answer 1

당신이 찾고있는 것은 position:fixed이다 (즉 < 7에서 지원되지 않음). 이 요구 사항을 충족하기 위해 https://developer.mozilla.org/en/CSS/position : "페이지가 스크롤되는 경우에도 중간에 있어야합니다." 당신이 당신의 사업부에 대해 지정된 폭과 높이가있는 경우

$(".myBox").css("top", $(document).height()/2 - $(".myBox").height()/2); 
$(".myBox").css("position", "fixed"); 

Answer 2

다음 사용할 수 있습니다 (CSS 코드) :

margin-left: auto; 
margin-top: auto; 

또는 당신은 jQuery를이 작업을 수행하려면 :

$(".myBox").css("margin-top", "auto"); 
$(".myBox").css("margin-left", "auto"); 

IE, Firefox, Opera, Safari 등에서 지원해야합니다.