분류 전체보기30 창크기가 변해도 박스 비율 유지하기 See the Pen Untitled by JENIJUNO (@JENNIEJUNO) on CodePen. 2024. 1. 1. 지정한 컨텐츠가 등장하면 이벤트 실행하기 See the Pen Untitled by JENIJUNO (@JENNIEJUNO) on CodePen. 2023. 12. 31. 버튼을 누르면 컨텐츠 위치로 이동 구현(가로, 세로) X축 이동 See the Pen Untitled by JENIJUNO (@JENNIEJUNO) on CodePen. Y축 이동 See the Pen Untitled by JENIJUNO (@JENNIEJUNO) on CodePen. 2023. 12. 28. 가로스크롤 구현 HTML temp를 만들어 놓은 이유는 가로 스크롤이 끝난 뒤에도 스크롤을 계속 했을경우 자동으로 세로 스크롤이 작동하는지 보기 위해서 이다. CSS SCRIPT preventDefault(): 가로 스크롤이 작동 할 경우 세로 스크롤이 동시에 작동되는것을 방지 x = box.clientWidth === box.scrollLeft: 스크롤 바가 오른쪽 끝에 도달했는지 확인 deltaY값은 마우스 휠이 위로 향할 경우 음수를, 아래로 향할 경우 양수를 반환하기 때문에 box.scrollLeft 에 더해 줌으로서 왼쪽과 오른쪽 으로 스크롤 방향을 정할 수 있다. 이후 가로스크롤이 끝에 도달하고 그 방향으로 계속해서 스크롤을 할 경우 if문에 맞지 않으므로 자동으로 세로스크롤로 넘어간다. 2023. 12. 27. 이전 1 ··· 4 5 6 7 8 다음
