브라우저 창을 다시 그리기 전에 모든 JavaScript 코드 실행

Question

& JavaScript를 사용하여 브라우저 창을 이동하고 싶습니다. resizeTo() 및 moveTo()는 여기 내 친구 인 것 같습니다.

window.resizeTo(x,y); 
window.moveTo(x,y); 

이 기능은 작동하지만 시각적으로는 다소 어색합니다. 먼저, 창은 원하는 위치로 이동 한 다음 창이 화면에 다시 그려집니다. 마지막으로 창은 원하는 치수로 크기가 조정되고 다시 한 번 더 화면에 다시 표시됩니다. 이 모든 것은 수백 밀리 초 내에 발생하지만 두 개의 개별 단계가 눈에 띄며 어색해 보입니다.

내가 원했던 것은이 두 메서드가 원자 단위가되어 브라우저 창 (UI 및 모두)이 화면에 다시 그려지기 전에 둘 다 반환된다는 것입니다. JavaScript를 사용하여 윈도우의 위치를 ​​재조정하고 크기를 조정하는이 응집력있는 프리젠 테이션을 얻을 수 있습니까?

Answer 1

setTimeout 트릭을 사용하여 UI에 "캐치 업"을 허용하십시오.

window.setTimeout(function() {window.resizeTo(x,y)},0); 
window.setTimeout(function() {window.moveTo(x,y)},0);