저 코딩 초보인데.. 스크롤 시 이미지 스케일 관련 질문 드립니다..

Question

안녕하세요 개쪼렙 디자이나인데 코딩 공부 중입니다. 스크롤 시 이미지 스케일 관련 코드를 짜려고 하는데 https://zthcoding.tistory.com/entry/Javascript-%EC%8A%A4%ED%81%AC%EB%A1%A4%EC%97%90-%EB%94%B0%EB%9D%BC-%EB%B0%95%EC%8A%A4-%ED%81%AC%EA%B8%B0-%EA%B8%80%EC%9E%90-%ED%81%AC%EA%B8%B0-%EC%9C%84%EC%B9%98-%EC%A1%B0%EC%A0%95%ED%95%98%EA%B8%B0 해당 주소 코드로 시도를 해봤는데 저는 안되는 것 같드라구요..(제가 잘못입력 했을 수도..) 우선 해당 주소의 코드가 맞는지 여부와.. 스크롤 시 이미지 스케일이 적아지는 코드를 알 수 있는 곳이 있을까요..?

consr · Accepted Answer

이부분이 실제로 해당 태그의 크기를 변경하는 코드입니다.bgScale수치만큼 변경하겠다는 뜻이고요그럼 bgScale은 수치가 어떻게 되냐는이전 캡쳐에 해당 계산 식으로 이루어진 것을 알 수 있지요기본적으로 현제 스크롤(y축 위치)에서 추가로 일정 숫자를 곱하거나 더해주고 있는거죠.고정된(7/15000, 0.3) 등은 수치를 조정하기 위해 넣은 임의 값입니다.예를 들어 window.scrollY 값이 1000이고 0.3 같은 고정적인 수치가 없을 경우박스 크기를 변경하게 되면 박스 크기는 1000이 되버리겠죠. 하지만 박스 크기가 1000이 되는걸 원하는게 아니라 100이 되기를 원한다면window.scrollY / 10 을 하게되면 스크롤 위치가 1000일때 박스 크기는 100으로 적용이 되는 겁니다.

consr · Answer

이 js 코드가 크기를 변경해 줍니다. 밑의 if 문은 더이상 작아지지 않게 막는 코드이구요

맨유우승 · Answer

저 이해는 했는데.. 테스트 해보고 있는데 그대로 적용해도 작동이 안되는 것 같아서요..그리고 저기 노란줄은 왜 가는지도 모르겠습니다..ㅠㅠ

consr · Answer

저 코딩 초보인데.. 스크롤 시 이미지 스케일 관련 질문 드립니다..

4개의 답변

Q&A 목록