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