개발자 JIN
close
프로필 배경
프로필 로고

개발자 JIN

  • 분류 전체보기 (115)
    • CSS (1)
    • 졸업작품 (18)
    • Javascript (9)
    • 알고리즘 (30)
      • 자바스크립트-프로그래머스 (22)
      • 자바스크립트-백준 (7)
    • React (9)
    • 포스코x코딩온 (16)
    • 자기계발 - 책 (1)
    • TypeScript (4)
    • 일상 (1)
    • 프론트엔드 개념 (1)
    • 프로젝트 (19)
    • Stroybook (1)
    • MFC (1)
  • 홈
  • 태그
  • 방명록
[작품] - JS로 스크롤 따라오는 플로팅 버튼 만들기

[작품] - JS로 스크롤 따라오는 플로팅 버튼 만들기

오늘은 순수 자바스크립트로 스크롤을 따라오는 버튼을 만들것이다. 인터넷에 많은 플로팅 버튼 만드는 코드가 있지만 대부분 JQuery로 되있어서 찾다가 못찾아서 내가 직접만들었다. 처음 만들다 보니 막막했는데 구현해 보니깐 되게 간단해서 놀라웠다. const bar = document.querySelector(".remote_Bar"); window.addEventListener('scroll', function(){ bar.style.top = `${window.scrollY}px`; bar.style.transition = "all 0.7s ease-out"; if(window.scrollY===0){ bar.style.top = '100px'; } }) 1. scroll을 움직일 때마다 이벤트가 발생..

  • format_list_bulleted 졸업작품
  • · 2023. 2. 19.
  • textsms
  • navigate_before
  • 1
  • navigate_next
공지사항
전체 카테고리
  • 분류 전체보기 (115)
    • CSS (1)
    • 졸업작품 (18)
    • Javascript (9)
    • 알고리즘 (30)
      • 자바스크립트-프로그래머스 (22)
      • 자바스크립트-백준 (7)
    • React (9)
    • 포스코x코딩온 (16)
    • 자기계발 - 책 (1)
    • TypeScript (4)
    • 일상 (1)
    • 프론트엔드 개념 (1)
    • 프로젝트 (19)
    • Stroybook (1)
    • MFC (1)
최근 글
인기 글
최근 댓글
태그
  • #팀 프로젝트
  • #코딩테스트
  • #코딩온
  • #CSS
  • #프로그래머스
  • #REACT
  • #졸업작품
  • #프론트엔드
  • #자바스크립트
  • #작품
전체 방문자
오늘
어제
전체
Copyright © 쭈미로운 생활 All rights reserved.
Designed by JJuum

티스토리툴바