>웹 프론트엔드 >JS 튜토리얼 >jquery 기반 팝업 프롬프트 상자는 항상 창 중앙에 있습니다(경고 팝업 상자 효과와 유사)_jquery

jquery 기반 팝업 프롬프트 상자는 항상 창 중앙에 있습니다(경고 팝업 상자 효과와 유사)_jquery

WBOY
WBOY원래의
2016-05-16 18:01:351186검색

원리는 매우 간단합니다.
브라우저마다 폼 크기가 다르기 때문에 현재 화면(폼)의 너비와 높이를 가져옵니다. 이를 통해 수직 중심 좌표를 계산할 수 있습니다. 하지만 스크롤 막대를 슬라이드한 후에도 어떻게 수직 중앙에 위치할 수 있습니까? 이때 페이지 상단에서 현재 폼의 높이를 구해서 y축 좌표에 바로 추가하면 됩니다.
$(document)는 전체 웹페이지를 가져오고 $(window)는 현재 양식을 가져오므로 이를 명확히 해야 합니다.
마지막으로 얻은 좌표를 폼에 할당하면 폼 자체가 절대적 위치에 있기 때문에 자연스럽게 폼의 중앙으로 갈 수 있습니다.
특정 코드:

코드 복사 코드는 다음과 같습니다:



>팝업 확인 상자가 항상 창 중앙에 있는지 테스트하세요