j페이지 레이아웃의 공간을 보존하는 동안 요소를 숨깁니다.

j페이지 레이아웃의 공간을 보존하는 동안 요소를 숨깁니다.

jQuery에서 요소는 숨기되 DOM은 숨기지 않는 방법이 있습니까?어떤 요소를 숨기고 있는데 그 요소가 숨겨져 있으면 그 아래에 있는 요소들이 위로 이동합니다.그런 일이 없었으면 좋겠어요.공간은 그대로 두되 요소는 마음대로 보여주고 숨기길 원합니다.

이거 해도 돼요?

대신에hide(), 용도:

css('visibility','hidden')

hide()세트.display에 어울리는 스타일none, 문서 흐름에서 요소를 완전히 제거하여 공간을 차지하지 않도록 합니다.

visibility:hidden공간을 그대로 유지합니다.

설정해 봅니다.visibility로.hidden:

$("#id").css("visibility", "hidden");

display: none;는 내용 흐름에서 해당 내용을 제거하여 다른 내용이 남겨진 빈 공간으로 이동하는 것을 볼 수 있습니다. (display: block;모든 것을 밀어내는 흐름으로 다시 가져옵니다.)

visibility: hidden;공간을 차지하는 컨텐츠 흐름 내에 유지하지만 보이지 않게 만들기만 합니다. (visibility: visible;다시 공개하겠습니다.)

사용하고 싶으실 겁니다.visibility내용 흐름을 변경하지 않고 유지하려면 다음과 같이 하십시오.

또 다른 답변에서 jQuery의fadeTo설정하지 않음display:none완료 시 사용하는 것보다 여기서 해결책을 제공할 수 있습니다.fadeOut예를 들어 다음과 같습니다.

jQuery, 나머지 페이지를 방해하지 않고 디브를 숨겨라.

전에 본 적이 있습니다.visibility: hidden속임수.

하지만 많은 경우에opacity: 0문제가 있습니다. 볼 수 없어도 요소와 상호 작용할 수 있기 때문입니다! (DeadPassive에서 지적한 바와 같이)

보통은 당신이 원하는 게 아니에요.하지만 가끔은 그럴 수도 있죠?

언급URL : https://stackoverflow.com/questions/6393632/jquery-hide-element-while-preserving-its-space-in-page-layout