인프런 커뮤니티 질문&답변

donghyun lee님의 프로필 이미지
donghyun lee

작성한 질문수

풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]

overflow와 슬라이드 무빙

작성

·

348

0

예제로 학습한 잔재미코딩 사이트에서

class-list의 overflow 속성을 none으로 하였는데요.

이렇게 되면 제가 설정한 roadmap-title-container의 영역을 침범하게됩니다.

그렇다고,  hidden으로 설정하자니, 슬라이드가 이동하여도 카드가 가려진 상태로 이동하게되는데요...

슬라이드가 이동할때, hidden 속성을 유지하면서 가려졌던 카드가 다시 보일수 있게 하는 방법이 있을까요?

답변 1

0

음, 우선은 제가 작성한 코드의 이슈가 아니라서, 정확히는 가이드를 드리기는 어려울 것 같아요. 코드 없이 이해하기도 무리가 있고, 심지어 각자의 코드를 보여주신다해도, 사실 본 강의가 평생강의라서, 평생 각자의 코드를 봐드리는 것도 무리가 있어서요. 이 부분은 양해를 부탁드리고요.

기본적으로 overflow 를 hidden 으로 설정하면, transform 시 이미지 짤려서요. 이 부분을 강제로 hidden 으로 하면서, 이미지가 안짤리게 하는 방법은 기본적으로는 없고요. 하더라도 굉장히 억지스러운 방법이라서, 다른 코드를 모두 수정해야할 것 같습니다.

감사합니다.

donghyun lee님의 프로필 이미지
donghyun lee

작성한 질문수

질문하기