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