jQuery 페이드 요소는 '가시성 : 숨겨진'스타일의 요소를 표시하지 않습니다.

Question

나는 스타일로로드하는 썸네일이 많이 있습니다. visibility: hidden; 그들이 모두 올바른 레이아웃을 유지하도록합니다. 페이지가 완전히로드되면 jQuery 함수가 있습니다. display: none; 그러나 분명히 레이아웃은 그때에 맞았습니다. 제안이 있습니까?

그녀는 페이드 라인 :

$('.littleme').fadeIn('slow');

Answer 1

다음과 같이 체인에 몇 가지 호출을 추가하십시오.

 $('.littleme').css('visibility','visible').hide().fadeIn('slow');

이것은 그것을 바꿀 것입니다 display:none 페이딩하기 전에 1 프레임의 경우, 그 영역을 다시 점유하십시오.

Answer 2

불투명도를 사용해보십시오 animate():

$('.littleme').css('opacity',0).animate({opacity:1}, 1000);

Answer 3

<span style="opacity:0;">I'm Hidden</span>

표시 : $('span').fadeTo(1000,1)

숨기려고 : $('span').fadeTo(1000,0)

공간은 DOM 레이아웃에 보존됩니다

http://jsfiddle.net/vzwq6/

Answer 4

대신 파데토 (지속 시간, 값)를 사용할 수 없습니까? 확실히 이런 식으로 당신은 0과 1으로 사라질 수 있습니다. 그렇게하면 문서 흐름에 영향을 미치지 않습니다 ...

Answer 5

숨겨진 요소와 일치 해보세요?

$ ( ". littleme : hidden"). fadein ();