使用js让ul li 光标定位到指定位置

ul li ，点击按钮会出现新的li，自动add到最后面，但是如果li过多，就会出现滚动条，希望add之后，光标可以定位到最新的位置。下面是几种实现：

1.document.getElementById("Text1").focus();//光标自动定位到当前文本框

2.【俺用的】

    const scrollView = document.getElementById("show"); //光标自动定位到当前文本框
    scrollView?.scrollIntoView();

基本可以解决。

但是这里需要注意的是，如果在下面li id为show的地方有一个三元判断，就需要这样写：

  useEffect(() => {
    const scrollView = document.getElementById("show"); //光标自动定位到当前文本框
    scrollView?.scrollIntoView();
  }, [addShow]);

这样基本解决这个问题。