Javascript 定位到溢出自动（可滚动）内容

我正在构建一个评论系统，我希望用户能够从其他任何地方直接重定向到评论（就像堆栈溢出评论通知一样）

这是我到目前为止得到的。（下面的演示显示不好，请参阅）

const comment_box=document.getElementById（'comment-box'）；
const fourth=document.getElementById（'btn4'）；
const seven=document.getElementById（'btn7'）；
const tenth=document.getElementById（'btn10'）；
函数注释\u跳转（id）{
var el=document.getElementById（id）；
//getBoundingClientRect：https://developer.mozilla.org/en-US/docs/Web/API/Element/getBoundingClientRect
//top（此注释的引用父项）=top（此注释的引用页面）-top（容器的引用页面）
var tp=el.getBoundingClientRect（）.top-comment_box.offsetTop；
注释框。滚动至（0，tp）；
}
第四，addEventListener（'click'，（）=>{
注释跳转（“注释4”）；
});
第七，addEventListener（'click'，（）=>{
注释跳转（“注释7”）；
});
第十，addEventListener（'click'，（）=>{
注释跳转（“注释10”）；
});
正文{
背景：浅灰色；
}
#评论框{
宽度：500px；
高度：300px；
背景：灰色；
溢出：自动；
}
.评论{
宽度：100%；
身高：33.3%；
边框：1px实心；
字号：2em；
文本对齐：居中；
显示器：flex；
证明内容：中心；
对齐项目：居中；
}
钮扣{
字号：1.5em；
边缘：2米；
}
按钮：悬停{
不透明度：.5；
光标：指针；
}

第四
第七
第十
第四
第七
第10个
我是否可以建议尝试
滚动查看
作为可能的解决方案

函数注释\u跳转（id）{
var el=document.getElementById（id）；
el.scrollIntoView（）；
}

来自Mozilla的文档：

scrollIntoView（）方法滚动元素的父容器，以便调用scrollIntoView（）的元素对用户可见

因此，它会将注释容器滚动到所需的元素。
您应该使用