문제

대화 상자에서 일부 이미지 크기를 조정 한 다음 창을 시즈 오 콘텐츠로 강제합니다. 그런 다음 대화 상자가 화면을 중심으로 원합니다. 어떻게 할 수 있습니까?

도움이 되었습니까?

해결책

최종 결과는 스스로 움직이는 창이 될까요? 너무 짜증나게하지 마세요 :)

어쨌든, 당신은 수동으로 사용해야합니다 window.moveTo 그리고 다양한 screen 속성 (참조 https://developer.mozilla.org/en/dom/window)

흥미로운 예는 다음과 같습니다. 창을 중심으로하지는 않지만 눈에 띄게 보장합니다.http://www.koders.com/javaScript/fid3f51B87DFD457428278627805CCA8D39ADC13455.ASPX?S=WINDOW#L3

다른 팁

나는 또한 주변을 찾아서 MDC를 찾아서 집중할 수있는 모든 것을 찾았지만 아무것도 찾지 못했기 때문에 이것을 만들었습니다! 이것은 창과 대화에서 모두 작동합니다.

var w=(screen.availWidth/2)-(document.getElementById('windowID').width/2);

var h=(screen.availHeight/2)-(document.getElementById('windowID').height/2);

window.moveTo(w,h);

당신이 바꿔야 할 유일한 것은입니다 windowID 창의 ID 값에. 총 화면 너비와 높이를 가져 와서 절반으로 나누어 화면의 중앙을 제공 한 다음 너비와 높이 설정을 빼서 고려해야하지만 오프셋을 반으로 나눕니다. 오프셋이 없으면 중앙에 위치하지 않습니다.

이것이 도움이 되었기를 바랍니다!

<dialog> 요소는 movetoalertposition () 및 centerwindowonscreen () 편의 메소드를 정의하고 글로벌 범위에 복사하여 document.documentElement로 범위를 범할 필요가 없습니다.

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