탭메뉴 사용시 다른탭 이동하면 내용이 움직여요 ㅠㅠ 채택완료
메인에 자바스크립트로 탭메뉴를 넣었는데요.
탭메뉴(li)를 클릭할때마다 그안의 내용이 제대로 나오기는하는데
클릭시 위치가 아래로 이동했다가 다시 위로 올라옵니다.
이 때문에 그 아래 내용들도 밀렸다가 올라오는 현상이 나타나요..
사이트 주소
http://xn--2j1ba94en6zv3dky8a.com/
문제있는 부분 아래 이미지
css가 잘못된건지 어디가 문제인지 잘모르겠어요 ㅠㅠ
조언부탁드립니다!
답변 1개
채택된 답변
+20 포인트
3년 전
Copy
$(function(){
$('.sub_tab li').click(function(){
var idx = $(this).index();
$('.sub_tab li').removeClass('on');
$(this).addClass('on');
$('.page').fadeOut();
$('.page').eq(idx).fadeIn();
});
});위 코드를
Copy
$(function(){
$('.sub_tab li').click(function(){
var idx = $(this).index();
$('.sub_tab li').removeClass('on');
$(this).addClass('on');
$('.page').hide();
$('.page').eq(idx).fadeIn();
});
});와 같이 수정.
로그인 후 평가할 수 있습니다
답변에 대한 댓글 1개
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인