jQuery에서 요소의 부동산을 잃지 않고 fadeOut()을 사용할 수 있습니까? (invisible vs display : none)

Question

같은 크기의 다른 요소를 fadeIn()해야하기 때문에 fadeOut() 메서드를 사용하여 공간을 유지하므로 다른 요소가 다시 생성되지 않습니다 split-second 동안 흐른 다음 fadeIn()은 같은 크기의 또 다른 요소를 가져올 것인가?

Answer 1

두 가지 기술이 마음에 와서 ... 당신은 사업부로 포장 ... 그 사업부에 같은 차원을 넣을 수 있습니다 :

1. 랩 차지 사업부의 요소 정확한 공간.
2. .animate 메서드를 사용하여 항목의 불투명도를 100 %에서 0 %로 변경 한 다음 애니메이션이 완료되면 새 요소를 스왑하고 다시 애니메이션을 사용하여 불투명도를 0 %에서 100 %로 변경합니다.

Answer 2

내 제안

Answer 3

내부에 페이드하고 싶은 요소를 고정한 후 <div style="display:block;width:300px;height:200px;">으로 고정하면 내부에 요소를 숨기면 전혀 영향을주지 않습니다.

Answer 4

나는 내 자신의 수정을했습니다.

예를 들면 그래서

/** 
    * Keep the window height, to avoid user being thrown up (i.e. on fade out, remove, hide, etc) 
    */ 

     function keepHeight() { 
      $('body').css('min-height', $(document).height()); 
     } 

: 나는 페이드 아웃을 실행하기 전에, 나는이 기능을 실행

/** 
* Keep window height 
*/ 

    keepHeight(); 

/** 
* Fade out 
*/ 

    $('#someDiv').fadeOut();