jquery를 사용하여 DIV를 중심에 애니메이션하는 방법

Question

전체 페이지 width=100% 및 height=100%을 다루는 div가 있습니다. jquery.animate을 사용하여 div를 가로로 가운데로 맞춰보다 작은 너비 (예 : 800px)로 애니메이션으로 만들길 원합니다.

Answer 1

모두 CSS와 유연성에 따라 다릅니다.

http://jsfiddle.net/2Qxwn/

이 경우는, I는 div 상대적인 위치, 및 상기 문서의 너비 초기 높이/폭을 설정하는 사용 jQuery : 여기

한 방법의 예를하기위한 것이다 . 또한 left 위치를 50 %로 설정하고 margin-left을 너비의 절반으로 설정합니다 (따라서 다시 중앙으로 가져옵니다). 그런 다음 width 및 margin-left에 따라 애니메이션을 적용합니다.

는 또한 중심의 margin: auto 방법을 사용할 수 있습니다, 그리고 당신은 단지 폭을 애니메이션해야하지만, 내가 중심이 방법 항상 의심입니다 :

http://jsfiddle.net/2Qxwn/1/