在父元素中滚动指定的子元素

 // 获取目标锚点dom元素
        anchorPointFun(id) {
            // 假设我们要从父元素中移除所有子元素的'myClass'类
            const parent = document.querySelector("#tableScroll") // 获取父元素
            const childrenTr = parent.querySelectorAll("tbody tr")
            // 遍历所有子元素
            for (var i = 0; i < childrenTr.length; i++) {
                var childElement = childrenTr[i];

                // 检查子元素是否包含'myClass'类，如果包含则移除
                if (childElement.classList.contains('anchor-gren')) {
                    childElement.classList.remove('anchor-gren');
                }
            }
            let dom = document.querySelector(`#row${id}`);
            this.goDomFun(dom, parent);
        },
        // 滚动到指定node节点
        goDomFun(dom, parent) {
            if (!dom) return

            console.log(parent, dom.offsetTop - parent.offsetTop);
            parent.scrollTo(0, dom.offsetTop - parent.offsetTop); // x轴不滚动，y轴滚动150px
            // 给dom元素添加高亮动画
            dom.classList.add("anchorAnimation");
            dom.classList.add("anchor-gren");
            setTimeout(() => {
                dom.classList.remove("anchorAnimation");
            }, 2500);
        },

/*动画*/
        .anchorAnimation {
            animation-name: anchorKeyframes;
            animation-duration: 2.5s;
            animation-fill-mode: both;
        }

        @keyframes anchorKeyframes {
            0% {
                background-color: transparent;
            }

            25% {
                background-color: rgba(93, 174, 255, 0.1);
            }

            50% {
                background-color: transparent;
            }

            75% {
                background-color: rgba(93, 174, 255, 0.1);
            }

            100% {
                background-color: transparent;
            }
        }