페이지의 보이는 부분을 중심으로 부동 확인 대화 상자를위한 CSS를 설계하는 방법은 무엇입니까?

StackOverflow https://stackoverflow.com/questions/1205590

  •  05-07-2019
  •  | 
  •  

문제

나는 이미 물었다 더 일반 큰 대답으로 질문.

그러나 나는 더 까다로운 중심 플로팅 팝업을 원한다 :

내 페이지의 높이가 1000px 높이이고 그 상단 부분 만 보려면 팝업이 500px에서 팝업되기를 바라지 않고 화면의 보이는 부분의 중간에 있습니다.

CSS에서 페이지의 보이는 부분에 액세스 할 수있는 방법이 있습니까?

감사

도움이 되었습니까?

해결책

수평 센터링에는 CSS (margin : 0 Auto;)를 사용하고 수직 1의 경우 JavaScript (Viewport Height)를 사용해야합니다.

이 예를 확인하십시오 :http://www.alistapart.com/d/footers/footer_variation1.html

다른 팁

떠 다니는 팝업에 CSS를 줄 수 있습니다 ...

position: fixed;

일단 가면 절대적으로 배치 된 요소로 '상단'및 '왼쪽'매개 변수를 줄 수 있습니다.

위치가 위치되면 어디에서 스크롤하든 실제 브라우저 창과 관련하여 말한 곳에 머무를 것입니다.

유일한 문제는 고정 된 위치가 IE6에서 잘 작동하지 않으며, 고정 된 위치를 가진 요소는 정적 컨텐츠처럼 작용하는 경향이 있습니다.

라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top