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