작성한 질문수
[2024년 출제기준] 웹디자인기능사 실기시험 완벽 가이드(HTML+CSS+JQUERY)
■ 제이쿼리 슬라이드 제작(2) - 슬라이드 구동방식
작성
·
59
2
.css({left : 0 })를 주석 처리해도 정상적으로 동작하는데
굳이 넣으신 이유를 알 수 있나요?
아니면 저 부분을 빼면 이상이 생긴다는 것을 보려면 코드를 어떻게 작성하면 좋을까요?
답변 1
0
포지션 속성의 기본값이 left: 0 인데 혹시나 하고 넣는 것처럼 넣었던 것 같습니다.
빼도 정상작동하니까 빼셔도 됩니다.
.slide > div {}에 있는 border: 1px 때문에 left: 0을 넣은 것으로 확인했습니다.
만약 .css({left: 0})를 빼고 싶다면 아래 2가지 방법이 있습니다.
① .slide > div {}에 있는 border: 1px를 주석 처리하면 .css({left: 0})를 사용하지 않아도 되는 것을 확인했습니다.
② animate를 1200px → 1201px로 수정하면 .css({left: 0}) 사용하지 않아도 됩니다.
다른 수강자분이 동일한 궁금증을 가질 수 있기에 답글 작성했습니다.
감사합니다. 제가 아무래도 JS가 강점이 아니라서요. 좋은 팁입니다.
.slide > div {}에 있는 border: 1px 때문에 left: 0을 넣은 것으로 확인했습니다.
만약 .css({left: 0})를 빼고 싶다면 아래 2가지 방법이 있습니다.
① .slide > div {}에 있는 border: 1px를 주석 처리하면 .css({left: 0})를 사용하지 않아도 되는 것을 확인했습니다.
② animate를 1200px → 1201px로 수정하면 .css({left: 0}) 사용하지 않아도 됩니다.
다른 수강자분이 동일한 궁금증을 가질 수 있기에 답글 작성했습니다.