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