긴 페이지의 사용자가 볼 수있는 영역 내의 세로 가운데 레이어

매우 긴 페이지의 가시 영역에 div를 세로로 가운데 놓으려고합니다. 이 경우 페이지의 실제 수직 중심은 사용자가 볼 수있는 영역보다 훨씬 위에 있습니다.긴 페이지의 사용자가 볼 수있는 영역 내의 세로 가운데 레이어

사용자가 클릭 한 수식에 대한 scrollTop() 길이를 추가했지만 div는 볼 수있는 영역의 가운데에 배치합니다.

코드 발췌 :

$('.' + layer).css({ 
    display:'block', 
    left:($(window).width() - $('.' + layer).width())/2, 
    top:($(this).scrollTop() + $(window).height() - $('.' + layer).height())/2 -20, 
    position:'absolute' 
});

출처

2012-04-04 jsuissa

가능한 중복 http://stackoverflow.com/questions/3297919/center-div-contents- to-viewport) –

조금 다른 것처럼 보입니다 ... 솔루션을 좀 더 살펴보고 그 중 하나가 전송 가능한지 확인하십시오. – jsuissa

은 어쩌면 당신은 CSS 솔루션을 필요로?

당신 DIV의 높이 =는 H는, CSS가있을 경우 :

div{ position:fixed; left:0; top:50%; margin-top:(-0.5 * H) }

[뷰포트 센터 DIV의 내용] (의

출처

2012-04-05 03:55:06 Rustam

긴 페이지의 사용자가 볼 수있는 영역 내의 세로 가운데 레이어

답변

관련 문제