scroll 방향 감지하기 (with. js)
1. 미리보기 See the Pen scroll direction by KumJungMin (@kumjungmin) on CodePen. 2. 코드 해석 html, css는 스크롤을 발생시키기 위한 사전 작업이다. 만약 scroll 방향 감지 코드를 보고 싶다면 js로 바로 이동하자. 1) html scroll을 발생시키기 위해 아래와 같이 dom을 구성했다. Scroll 2) css (1) 기본 스타일 설정하기 기본적으로 margin값이 설정되어 있으므로 0으로 변경해준다. body { margin: 0; } * { box-sizing: border-box; } text는 down, up 글자를 나타내는 역할을 한다. 스타일은 간단히 보자. .text { position: fixed; top: 50%;..
2021. 10. 29.
