center div 브라우저보기 창 안에

Question

div가 있고 브라우저보기에서 세로로 가운데에 놓기를 원합니다.

즉, 사용자가 아래로 스크롤하면 div가 사용자가보고있는 현재 Y 축의 같은 중앙 위치에 표시되기를 원합니다.

감사

여기 당신은 간다

Answer 1

,이 시도 :

div { 
    position: fixed; 
    top: 50%; 
    height: 100px; 
    width: 200px; 
    background: red; 
    margin-top: -50px; /* half the div's height */ 
}