이전 목록 다음
채택완료

제이쿼리 문법 간단한거입니다//

그그누보드초보이용자
프로필 보기이 회원 글보기이 회원의 댓글보기
 2019-09-04 (수) 17:25:45 1,902

"width": "calc(100%-300px)" 이부분을 에니메이트 안에 쓰는 문법이 있을까요... 에러나네요..

  $(".center_con_wrab").animate({

            'padding-left': '0px',

            "width": "calc(100%-300px)"

  }, "400");

제이쿼리
|

답변 2개

채택된 답변
+20 포인트
볼볼피드
프로필 보기이 회원 글보기이 회원의 댓글보기
 2019-09-04 (수) 17:37:48
Copy 
$(".center_con_wrab").css({

            'padding-left': '0px',

            "width": "calc(100% - 300px)"

  });
<style>


.center_con_wrab{
   -webkit-transition:all 500ms ease-out 0.5s;
   -moz-transition:all 500ms ease-out 0.5s;
   -o-transition:all 500ms ease-out 0.5s;
   transition:all 500ms ease-out 0.5s;
}

</style>
비비펫3
프로필 보기이 회원 글보기이 회원의 댓글보기
 2019-09-04 (수) 20:30:02

테스트 해본것은 아닙니다.

한번 해보세요.

css calc 함수에서 -(빼기)를 쓸때는 빼기 양옆으로 한칸씩 띄어 쓰기 해야 합니다.

그리고

. center_con_wrab   에 { box-sizing:border-box; } 속성을 추가해 주세요.

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