테스트 사이트 - 개발 중인 베타 버전입니다

제이쿼리 탭 메뉴 채택완료

그누초초보 2년 전 조회 1,921

https://jsfiddle.net/composite/3n74v/

이걸 활용해서 버튼으로 버튼에 해당하는 하단 tab_content가 나오게 설정했는데요.

tab_content 세로 길이가 다를 경우 어떻게 처리를 해야할까요?

예를들면 첫번째 탭 tab_content는 길이가 2800px 정도로 엄청 긴 페이지이고

두번째 탭 tab_content는 500px 정도라고 했을 때 두번째 탭 tab_content에서도 기본으로 설정해둔 아래 풋터가 첫번째 탭 tab_content와 동일 간격으로 나오게 하고 싶습니다.

찾아보니 가능한 페이지들이 보이는데 전체 소스를 확인하기가 어려워서 활용하기가 어려워서요^^;;

혹시 가능은 한거 맞죠? 도움주실 수 있는 분 계시면 정말 감사하겠습니다~

댓글을 작성하려면 로그인이 필요합니다.

답변 2개

채택된 답변
+20 포인트
e
2년 전

현재 소스 그대로 사용하시면,

내용에 따라 높이가 자동으로 변경되는 겁니다.

 

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

그누초초보
2년 전
아 클래스명 하나를 제가 따로 변경해서 사용했었는데..css 클래스명 그대로 변경 같이 되어서 괜찮은줄 알았는데..혹시 몰라 원래 참고 소스 클래스명으로 변경해주고 높이값 잡아준게 있어서 뺐더니 됩니다^^
어제도 여러번 높이값도 빼고 이것저것 수정 많이 해봤는데도 안되었는데 이상하네요^^;;
덕분에 수정되었습니다 감사합니다^^

댓글을 작성하려면 로그인이 필요합니다.

세크티
2년 전

아래 스크립트 추가해보세요

</p>

<p>  var max_height = 0;

    $(".tab_content").each(function(){

        var tab_content_height = $(this).outerHeight();

        if(tab_content_height>max_height){

            max_height = tab_content_height;

        }

    })

    $(".tab_content").css('height',max_height)</p>

<p>

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

그누초초보
2년 전
감사합니다^^ 수정하였습니다~

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인