Devjo의 코딩

  • HOME

scrollY 1

Javascript_08-3: 스크롤(scroll) 이벤트의 활용

window.scrollY를 활용하자 어느 일정 구간을 스크롤하면 '버튼'이 만들어지도록 한다 상수를 정하고 window.scrollY가 그 값을 넘으면 버튼이 생기는 방식이다 const STANDARD = 40; if (window.scrollY > STANDARD) { // 스크롤이 40px을 넘었을 때 toTop.classList.add('go_top'); //go_top이라는 버튼 생성 lastScrollY를 통해 스크롤의 방향을 추적한다 lastScrollY는 이전 내가 스크롤한 기록이다 그렇다면 현재 스크롤의 위치와 비교해서 이용자의 스크롤 방향을 알아낼 수 있다 스크롤을 내릴 때 위 메뉴바가 사라지고 스크롤을 올릴 때 위 메뉴바가 뜨도록 만든다 if (window.scrollY > lastS..

Study/Javascript 2021.09.26
이전
1
다음
더보기
프로필사진

Devjo의 코딩

  • 분류 전체보기 (257)
    • Study (237)
      • IT 지식 (4)
      • 알고리즘 (11)
      • Baekjoon (167)
      • SW Expert (11)
      • Java (11)
      • HTML, CSS (2)
      • Javascript (13)
      • Exception (3)
      • 기초 (11)
      • 인적성 (4)
    • Project (15)
      • 01 Cannon Game (15)
    • Experience (3)
    • Tip (2)

Tag

9663 백준, 백준 토마토, 백준, 파이썬 18870, 백준 큐, 백준 쿼드트리, 자바스크립트게임, 백준 1929, 백준 18870, 요소노드, 자바스크립트포트폴리오, 백준 좌표 압축, 2178 미로탐색, 백준 베르트랑 공준, 백준 스택, 백준 N과M, 백준 하노이탑, baekjoon 18879, 18870 백준, 자바스크립트이벤트,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2025/10   »
일 월 화 수 목 금 토
1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바