moon_motion position 관련 문의드립니다.

Question

안녕하세요 :)

강의를 듣고 실습을 진행하는 과정에서 질문이 생겨 문의드립니다.

강의에서는 motion_moon의 position이 fixed로 설정되어 있어 transition이 끝난 후 스크롤에 관계없이(범위 내에서) 고정되어 있는데, 이를 스크롤과 함께 움직이게 하고 싶어 relative로 설정했더니 화면에 보이지 않습니다.

position이 fixed가 아닌 경우 transition&transform 효과가 적용이 되지 않는데 이런 경우 어떻게 해결할 수 있을까요?

Answer

안녕하세요 :)

달을 fixed가 아닌 relative나 absolute로 설정할 경우 효과가 적용되지 않는게 아니라 달이 페이지 맨위에 있기 때문에 보이지 않아 효과가 적용되지 않았다고 생각하시는 것 같네요 :)

css position 속성에 대해 조금 더 공부해보면 좋을 것 같습니다. :)

그리고 사용자가 스크롤을 할 때 맨 위에서부터 달을 함께 움직이고 싶다면 포지션 값을 변경하는게 아니라 visibility,opacity 속성을 변경해 처음부터 등장해 있도록 만들면 되지 않을까요!?

그럼 또 다른 궁금증이 생길때 문의주세요 :D