확장 목록 이동 컨테이너/바닥 글

목록 항목 중 하나를 확장하면 here이라는 웹 사이트가 있는데 페이지의 전체 높이가 수정되지 않는 이유를 알 수 없습니다 (footer doesn ' 목록 확장과 함께 이동). 어떤 아이디어? 미리 감사드립니다확장 목록 이동 컨테이너/바닥 글

출처

2013-03-05 Will Andrew

#inside div는 height 속성 집합이 있습니다. 제거하면 원하는 동작을 얻을 수 있습니다.

편집

그것은 당신이 애니메이션을하기 위해 자바 스크립트를 통해 height 속성을 설정하는 것 사업부의 height. 애니메이션이 완성 됐어요 후 #inside 사업부가 아이의 height을 존중하고 올바르게 확대 할 수 있도록

이 경우, 당신은 height auto에 설정할 수 있습니다. 당신 된 div의

 
$pageWrap.animate({ 
    height: baseHeight + $mainContent.height() + "px" 
}, { 
    complete: function(){ 
     $(this).css('height', 'auto'); 
    } 
});

출처

2013-03-05 20:29:38 PanterA

감사합니다! reply –

위를 참조하십시오. 애니메이션이 끝나면 안쪽 높이를 auto로 설정할 수 있습니다. – PanterA

많은 트릭을 한 덕분에 http://drue.co.uk/1site/index.html에서 변경 사항을 확인하십시오. 내가 찾은 한 가지 문제는 현재 주소가 .../index.html이고 .../index.html # index.html이 아니라면 문제가 여전히 발생한다는 것입니다. –

하나는에 수동 스타일을 가지고 :

<div id="inside" style="height: 367px;">

제거/그 해제 및 페이지 컨테이너는 그에 따라 크기를 조정합니다 :)

출처

2013-03-05 20:30:12

감사합니다. 그러나 동적 콘텐츠로드의 결과로 새 콘텐츠를 적절하게로드 할 때 페이지의 크기가 다시 조정되지 않습니다. 나는 다음 라인을 바꿀 필요가 있다고 생각한다. 그러나 높이를 바꾸는 것이 확실하지 않다. baseHeight + $ mainContent.height() + "px" –

높이가 아닌 최소 높이로 만들고 그것을 시도해라. :) –

확장 목록 이동 컨테이너/바닥 글

답변

관련 문제