Есть раздел сообщение где скрол начинается с последнего элемента при загрузки компонента, но после добавление футера в проект в этом компоненте у меня все скролы начинаются с конца, как можно правильно сделать так чтоб именно внутри компонента сообщение скрол срабатывал с низу ?
                  
                  
                  
                  
                  
                  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);
Обсуждают сегодня