본문 바로가기 메뉴 바로가기

윤민상 블로그

프로필사진
  • 글쓰기
  • 관리
  • 태그
  • 방명록
  • RSS

윤민상 블로그

검색하기 폼
  • 분류 전체보기 (410)
    • 기술 (11)
    • 웹 (14)
      • react (9)
      • next js (1)
    • devops (13)
      • aws ec2 (7)
    • 자바스크립트 (32)
      • 바닐라 자바스크립트 (6)
      • 자바스크립트 라이브러리 (2)
    • 타입스크립트 (1)
    • 생각정리 (8)
    • 책 (6)
      • 리팩터링2 (4)
      • 객체지향의 사실과 오해 (3)
      • 팀개발을 위한 git, github 시작하기 (8)
      • 리다기 (15)
      • nodejs 교과서 (16)
      • 데이터베이스개론 (13)
      • 데이터베이스를 지탱하는 기술 (3)
      • 따라하며 배우는 AWS 네트워크 입문 (3)
      • 모던 자바스크립트 Deep Dive (14)
      • 자바스크립트 완벽 가이드 (20)
      • do it html (14)
      • 윤성우 열혈 C 프로그래밍 (15)
      • 윤성우의 열혈 자료구조 (14)
      • 자바스크립트로 하는 자료 구조와 알고리즘 (14)
      • 하루 3분 네트워크 (9)
      • 그림으로 배우는 운영체제 (4)
      • 데이터베이스 시스템? (2)
    • 강의 (8)
      • 코드스피츠 (8)
      • 김민태 시나리오로 배우는 프론트엔드실무 (0)
    • nodejs (8)
      • nestjs (1)
    • HTML (0)
    • css (2)
    • 깃(git) (6)
    • 개발환경 (5)
      • vscode (3)
      • mac (2)
    • 사이드프로젝트 (1)
      • 투두리스트 (1)
    • mysql (9)
    • cs (3)
      • 네트워크 (1)
      • 자료구조 (1)
      • 운영체제 (0)
      • 데이터베이스 (1)
    • 코딩테스트 (83)
    • 취준 (6)
    • 우테캠 (10)
    • 안드로이드 (1)
    • 기타 (1)
  • 방명록

부드럽게 (1)
자바스크립트로 스크롤 이동하기

일단 가장 간단한 방법은 a태그에 해시태그를 사용하는 방법이다. 이 방법의 단점은 같은 태그를 선택했을 때 화면이 이동하지 않는다. 그럴때에는 scrollIntoView를 사용하자. 사용법은 어렵지 않다. 문서를 한번만 보면된다. https://developer.mozilla.org/ko/docs/Web/API/Element/scrollIntoView element.scrollIntoView - Web API | MDN Element 인터페이스의 scrollIntoView() 메소드는 scrollIntoView()가 호출 된 요소가 사용자에게 표시되도록 요소의 상위 컨테이너를 스크롤합니다. developer.mozilla.org 간단한 예시를 보겠다. behavior smooth를 하면 부드럽게 움직인다..

자바스크립트/바닐라 자바스크립트 2021. 10. 30. 00:18
이전 1 다음
이전 다음
공지사항

Blog is powered by Tistory / Designed by Tistory

티스토리툴바