이미지 슬라이드 효과 마우스 스크롤과 연동시키기
2020. 4. 25. 23:16ㆍToday I learned/Tutorials
튜토리얼 출처: JavaScript30
튜토리얼 이름: Day 13 - Slide In on Scroll
튜토리얼 분류: JavaScript
튜토리얼 설명:
진행기간: 2020년 4월 25일
웹페이지 스크롤한 길이 확인하기
- 웹페이지가 수평/수직으로 화면 크기보다 커서 스크롤할 때, Web API를 통해 스크롤한 길이를 확인할 수 있음
- 형태
- 수평 스크롤: window.scrollX
- 수직 스크롤: window.scrollY
- 참고자료
일정 시간 간격 이하로 함수가 실행되는 것 방지하기
- setTimeout( ) 메서드 활용하여 별도의 함수 만들어 대상 함수와 중첩 실행
- 실행 코드
'Today I learned > Tutorials' 카테고리의 다른 글
| JavaScript localStorage와 이벤트 위임 (0) | 2020.04.27 |
|---|---|
| JavaScript 데이터 참조 vs 복사 (0) | 2020.04.26 |
| 특정 키 조합에 반응하는 웹페이지 (0) | 2020.04.23 |
| 커스텀 HTML5 동영상 플레이어 (0) | 2020.04.22 |
| 쉬프트 클릭으로 여러 체크박스 선택하기 (0) | 2020.04.22 |