엘리먼트를 보이거나 숨길 때 jQuery가 여백을 제거하는 이유는 무엇입니까?

나는 margin-top과 border를 가진 요소를 가지고있다. 내가 $(element).show()으로 전화 할 때 요소의 여백을 사용하지 않고 잘 보이지 않습니다 (original fiddle) 입력 텍스트 뒤에있는 div를 클릭하면 슬라이드 애니메이션이 텍스트 입력의 맨 위에서 시작하고 검은 색으로 표시됩니다 그것을 통과하는 줄이 아름답 지 않아요! 애니메이션 입력 시작 부분을 텍스트 입력의 맨 아래에 놓기를 원합니다.)엘리먼트를 보이거나 숨길 때 jQuery가 여백을 제거하는 이유는 무엇입니까?

This은 jsFiddle의 베타입니다. 그러나 orginal은 다릅니다 (원하는 요소를 찾을 수 없기 때문에 요소를 제거합니다!)

아무도 도와 줄 수 있습니까?

출처

2013-02-28 ahmadali shafiee

절대적으로 위치하기 때문에 여백을 사용하지 않습니다. 최고 가치를 높일 수 있습니다. 나는 네가 정확히 무엇을하려고 하는지를 보지 못한다. 그래서 나는 그 이상으로 대답 할 수 없다. – BiAiB

@BiAiB 질문을 편집했습니다. –

@BiAiB'margin-top' 대신'top'을 사용하는 것이 좋지 않다고 생각하면 –

달성하고자하는 것을 100 % 이해할 수는 없지만 div #AdvancedPanel의 div #urlpanel에서 마진 최고 35px가됩니다. 당신이 div # AdvancedPanel에 약간의 고도를 주면 그것은 좋아 보인다. 당신이 정말로 원하는 것을 정확하게 드릴까요?

출처

2013-02-28 13:22:54 instead

입력 텍스트 뒤에있는 div를 클릭하면 슬라이드 애니메이션이 텍스트 입력의 맨 위에서 시작하고 검은 선이 지나가는 것을 볼 수 있으며 아름답 지 않습니다! –

질문을 편집했습니다 –

div의 위치를 변경해야합니다. 대부분 상대 위치 또는 정적 (기본 위치)을 사용하십시오. 절대적이어야하는 div를 애니메이트하려면, 상대 div에 넣으십시오. 그러면 애니메이션 효과가 더 쉬워집니다. 이것 좀 봐 : http://jsfiddle.net/instead/dzB6P – instead

엘리먼트를 보이거나 숨길 때 jQuery가 여백을 제거하는 이유는 무엇입니까?

답변

관련 문제