2026, 새로운 도약을 시작합니다.

모바일 메뉴 관련 채택완료

eye 테마 모바일 화면에서

<span class="eye_meue_bar"><i class="fa fa-bars "></i></span>클릭하면

닫기 버튼으로 바뀌게 하고 싶어요

그리고 메뉴를 클릭하면 #company 이동후 메뉴가 그대로 없어지지 않고

화면 위를 덮어버리는 문제가 있어요

아래부분을 수정하면 될까요

$('.eye_meue_bar').toggle(function() {
  $(".eye_left_menu").stop().animate({'height':'230px'}, 'fast');
  
  $(".eye_left_menu li").fadeIn( 'fast', function() {
   $(".eye_left_menu li").show();
  });
  
  
  $("html").css({overflow:'hidden'}).bind('touchmove', function(e){e.preventDefault()});
 }, function() {
  $(".eye_left_menu").stop().animate({'height':'0px'}, 'fast');
  $(".eye_left_menu li").fadeOut( 'fast', function() {
   $(".eye_left_menu li").hide();
  });
  $("html").css({overflow:'scroll'});
  $("html").unbind('touchmove');

 }); 

답변 1개

간단한 제이쿼리 클래스 제어 입니다.

Copy
 
function close(){ 
$(".숨길클래스명").css("display","none"); 
} 
  

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

답변에 대한 댓글 1개

답변주셔서 감사해요
그런데 초보라 해결이 잘 안되네요!!!!

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

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

로그인
🐛 버그신고