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