인프런 커뮤니티 질문&답변
작성한 질문수
scroll-section 1 에서 2로 넘어가는 부분(section 2의 시작점)에서,,
해결된 질문
작성
·
289
3
안녕하세요.
main-add.js에서 코드 붙여넣고 애니메이션은 정상적으로 작동하는데요.
한 가지 신경 쓰이는 이슈가 발생했는데 원인을 모르겠습니다.
scroll-section 1 에서 2로 넘어가는 부분(normal scroll 끝나는 부분, section 2의 시작점)에서
섹션2의 desc-message b, desc-message c (pin 메시지 부분)가 처음 한번만 (새로고침 하고 스크롤 할 때) 빠르게 나왔다가 사라집니다.
너무 찰나의 순간이라서 스크린샷도 찍을 수가 없어요.
js 코드가 좀 어수선해보여서 정리 후 다시 업로드 하겠습니다;;
* 자바스크립트 포맷 정리하고 css 추가 업로드 하였습니다.
+추가로 prettier 같은 포매터 사용 때문에 강사님이 작성하시는 것보다 js의 가독성이 떨어지는 것 같은데
강사님은 따로 포매터 사용은 안하시나요?
퀴즈
강의에서 소개된 스크롤 애니메이션 구현 방식에서, 애니메이션 진행 상태를 결정하는 주요 요소는 무엇일까요?
시간(Time)
스크롤 값(Scroll Value)
마우스 움직임(Mouse Movement)
키보드 입력(Keyboard Input)
답변 1
1
1분코딩
지식공유자
섹션이 바뀌는 순간 첫번째 이미지가 그려지는 문제인데, 이후에 그 부분을 수정하는 부분이 나온답니다.
저는 협업 시 약속했을 경우 외에는 포매터를 잘 사용하지 않습니다 ㅎㅎ
포매터가 안좋아서는 아니고, 저는 그냥 제가 직접 조정하는게 좋더라고요.
포매터 사용하시고 가독성이 떨어진다고 느끼시는 이유가 탭이 2칸이라서 그런게 아닐까 생각되네요^^
답변 감사합니다. 강의 계속 진행하다보니까 해결되더라구요 ㅎㅎ !
저도 말씀해주신대로 필요 이외에는 직접 조정하는 습관을 들여봐야겠네요.
정리해줘서 좋긴한데 그만큼 자율성이 떨어지는 느낌이랄까요.
친절한 답변 감사합니다^^