Javascript CSS保留滚动位置直到向上滚动

我有一个

div

容器，其中有一个滚动条和可扩展组件

展开组件后，滚动条将启用，用户可以向下滚动。当组件折叠时，滚动条被禁用，我们回到顶部

我如何配置它，以便在内容收缩（恢复到合适状态）时，滚动条位置保持不变，直到用户重新滚动

例如，我有两个可扩展组件。我正在阅读组件2，所以我向下滚动。现在我想折叠

component2

并展开

component1

。在我折叠组件2后，按钮被重新定位，因此有点迷失方向。我怎么修理它

函数切换（名称）{
let display=document.getElementById（名称）.style.display；
document.getElementById（名称）.style.display=display==“无”？“块”：“无”；
}
佩伦特式居住者morbi tristique Sentecus et netus et malesuada以turpis egestas闻名。前庭侵权人、世仇、别有用心者、临时诉讼人、担保人。不要让你的自由人坐在那里。我的生命是永恒的。
莫里斯·普莱斯特拉特·埃利芬德·利奥

点击1
佩伦特斯克的居住者莫比·特里斯蒂克·塞内特斯和内特斯·马莱苏达·艾格斯塔斯（morbi tristique Sentecus et netus et malesuada fames ac turpis egestas）。前庭侵权人、世仇、别有用心者、临时诉讼人、担保人。不要让你的自由人坐在那里。我的生命是永恒的。
莫里斯·普莱斯特拉特·埃利芬德·利奥。他是一个聪明的人。威斯康辛州的前庭、调味品、康茂德维塔、奥纳雷西特、威斯康辛州。埃涅亚发酵液、elit eget tincidunt调味品、欧洛斯益智果、甜慈姑
拉卡斯·埃尼姆酒后驾车。在turpis枕面部进行非enim治疗。乌特·费利斯。事实上，这是一个错误，是一个错误，是一个错误，是一个错误。阿利奎姆·埃拉特·帕特。Nam dui mi、tincidunt quis、accumsan porttitor、，
美托斯卢克图斯面肌
点击2
佩伦特斯克居民莫比·特里斯蒂克·塞内特斯（morbi tristique Sentecus et netus et malesuada fames ac turpis egestas）。前庭侵权人、世仇、别有用心者、临时诉讼人、担保人。不要让你的自由人坐在那里。我的生命是永恒的。
莫里斯·普莱斯特拉特·埃利芬德·利奥。他是一个聪明的人。威斯康辛州的前庭、调味品、康茂德维塔、奥纳雷西特、威斯康辛州。埃涅亚发酵液、elit eget tincidunt调味品、欧洛斯益智果、甜慈姑
拉卡斯·埃尼姆酒后驾车。在turpis枕面部进行非enim治疗。乌特·费利斯。事实上，这是一个错误，是一个错误，是一个错误，是一个错误。阿利奎姆·埃拉特·帕特。Nam dui mi、tincidunt quis、accumsan porttitor、，
美托斯卢克图斯面肌