设置div的scrollTop属性等于scrollHeight属性。
function onScrollChange() {
const ele = document.getElementById("test");
ele.scrollTop = ele.scrollHeight;
}
在React可以通过 ref 获取div元素
1.声明一个ref设置在div元素上
const testRef = useRef(null);
const [content, setContent] = useState('');
<div ref={testRef}>
{content}
</div>
当div中内容变化的时候设置div的scrollTop属性等于scrollHeight属性。
const onScrollChange = () => {
const ele = testRef.current;
ele.scrollTop = ele.scrollHeight;
}
useEffect(() => {
onScrollChange();
}, [content]);