Hexion Lab Design

  • 홈
  • 태그
  • 방명록

스크롤이동 1

[CSS 버튼 클릭시 특정위치로 스크롤 이동 !

[CSS / JS ] 버튼 클릭시 특정위치로 스크롤 이동 ! window.scrollTo(x, y); window.scrollTo 함수는 웹 페이지의 스크롤 위치를 지정한 위치로 이동시키는 자바스크립트 함수이다. 이 함수를 사용하면 사용자가 페이지를 스크롤할 때마다 스크롤 위치를 프로그래밍적으로 제어할 수 있다.  window.scrollTo(0, 0); 페이지의 최상단으로 스크롤window.scrollTo(0, 100);  페이지의 세로 스크롤 위치를 100px 아래로 이동.  또한 옵션으로 { behavior: 'smooth' }와 같은 객체를 전달해서 부드러운 스크롤 효과를 적용할 수 있음.   내가 적용할건 간단히 페이지 상단으로 스크롤을 한번에 이동시키는 동작이다. window.scrollTo(..

퍼블리싱 2024.02.29
이전
1
다음
더보기
프로필사진

Hexion Lab Design

  • 분류 전체보기 N
    • 디자인
      • 디자인기초
      • 어도비
      • 피그마
    • 퍼블리싱
    • 프론트엔드
    • 프로그래밍
      • JavaScript
      • Java
      • Python
      • Android Studio
      • Other information
    • 일상 N
      • 여행
      • 맛집
      • 브이로그 N

Tag

리액트, 웹개발, 박스모델, 코딩, 프로그래밍, 안드로이드스튜디오, java, 자바스크립트 리턴, 프론트엔드, 자바, JavaScript, 웹디자인, HTML, 리액트스크롤, CSS, 필드, 개발, 디자인 기초, 자바스크립트, 갤럭시워치7,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2025/05   »
일 월 화 수 목 금 토
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.

티스토리툴바