자바스크립트 스터디 :: 스크롤 고정

developer.do·2023년 3월 20일
0

이번 스터디는 스크롤에 대한 것을 배웠습니다.

핵심적인 내용만 살펴보면 아래와 같습니다.

window.innerHeight
전체 창 높이

document.documentElement.clientWidth
스크롤바가 차지하는 영역을 제외한 창 높이

window.scrollBy(0,10)
설정을 하게되면, 위에서 10 height만 내려간 화면으로 스크롤 조정이 됨

window.scrollTo(0,0)
위와같이 설정을 하게되면, 맨위로 스크롤이 올라감, 즉 스크롤 탑 기능이라고 보면 됨

스크롤바 고정하는 법

document.body.style.overflow = "hidden"
이렇게하면, 스크롤이 사라진다.

document.body.style.overflow = ‘’
스크롤바가 다시 나타난다.

0개의 댓글