如何让div中滚动条一直保持在最下方

设置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]);