Javascript 当点击overflow-y内的锚链接时，如何防止页面向下滚动？

我的页面中央有一个overflow-y div。我创建了一些锚链接按钮，这些按钮将滚动到overflow-y div中的某个区域。我的问题是，当单击某个按钮时，整个页面将滚动到页面中心该div的顶部。我只想让overflow-y div的内容向下滚动，而不滚动整个页面

这是一把小提琴

---

可以计算定位偏移量，然后将overflow-y div的属性设置为该值

function scrollToAnchor(elementId) {
    var wrapper = document.getElementById("wrapper");
    var anchor = document.getElementById(elementId);
    wrapper.scrollTop = anchor.offsetTop - wrapper.offsetTop;
}

function scrollToAnchor(elementId) {
    var wrapper = document.getElementById("wrapper");
    var anchor = document.getElementById(elementId);
    wrapper.scrollTop = anchor.offsetTop - wrapper.offsetTop;
}