forked from rDrama/rDrama
Scroll to the bottom a single time
parent
aa4cbc173f
commit
693457a393
|
@ -1,6 +1,6 @@
|
|||
{
|
||||
"name": "chat",
|
||||
"version": "0.0.5",
|
||||
"version": "0.0.6",
|
||||
"main": "index.js",
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
|
|
|
@ -93,8 +93,16 @@ export function ChatMessage({
|
|||
|
||||
export function ChatMessageList() {
|
||||
const { messages } = useChat();
|
||||
const scrolledOnce = useRef(false);
|
||||
const messageWrapper = useRef<HTMLDivElement>(null);
|
||||
|
||||
useEffect(() => {
|
||||
if (messages.length > 0 && !scrolledOnce.current) {
|
||||
scrolledOnce.current = true;
|
||||
messageWrapper.current.scrollTop = messageWrapper.current?.scrollHeight;
|
||||
}
|
||||
}, [messages])
|
||||
|
||||
return (
|
||||
<div className="ChatMessageList" ref={messageWrapper}>
|
||||
{messages.map((message, index) => (
|
||||
|
|
|
@ -36,8 +36,8 @@ set CACHE_VER = {
|
|||
'js/lozad.js': 4000,
|
||||
'js/sort_table.js': 4001,
|
||||
|
||||
'css/chat_done.css': 1004,
|
||||
'js/chat_done.js': 1004,
|
||||
'css/chat_done.css': 1005,
|
||||
'js/chat_done.js': 1005,
|
||||
}
|
||||
-%}
|
||||
|
||||
|
|
Loading…
Reference in New Issue