[JS] 스크롤 자동으로 아래로 가게 하기 (feat. 채팅 프로그램)
동기가 과제로 채팅 프로그램을 구현하는데 최신 채팅이 채팅 목록 아래로 추가되는 형태였다. 스크롤을 항상 아래로 내려서 최신 메시지를 보여주고 싶어 했다. 집단지성으로 모두를 불러 모아 찾아보다가 나도 언젠가 쓸 일이 있지 않을까 싶어서 기록해둔다. const chatBox = document.getElementById('chatBox') chatBox.scrollTop = chatBox.scrollHeight; 찾아보니 메소드 scrollTop()은 제이쿼리 메소드 같다. 바닐라 JS는 scrollTop에 할당을 해줘야 하는 것 같다.
공부 노트
2022. 11. 4. 01:05
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- Til
- 저스트코드
- 스파르타코딩클럽
- 드림코딩
- Python
- 자바스크립트
- React
- scss
- 파이썬
- 코드잇
- js
- 비주얼스튜디오코드
- map
- CSS
- javascript
- html
- 깃
- TS
- 회고
- 제이쿼리
- 김버그
- 코딩앙마
- 리액트
- vscode
- 타입스크립트
- 구름에듀
- git
- Typescript
- vue
- 제로초
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 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 |
글 보관함