Есть раздел сообщение где скрол начинается с последнего элемента при загрузки компонента, но после добавление футера в проект в этом компоненте у меня все скролы начинаются с конца, как можно правильно сделать так чтоб именно внутри компонента сообщение скрол срабатывал с низу ?
const MessageUiBody = ( { messages } ) => {
const messagesEndRef = useRef(null);
const scrollToBottom = () => {
messagesEndRef.current && messagesEndRef.current.scrollIntoView();
};
useEffect( () => {
scrollToBottom()
}, [messages]);
return (
<div>
<div> .... </div>
<div ref={messagesEndRef} />
</div>
)
}
.
Решил, если кому то будет интересно решения messagesEndRef.current && messagesEndRef.current.scrollIntoView(false);
Обсуждают сегодня