css - 向下滚动组件后，如何在不将组件恢复到原始位置的情况下设置“位置：固定”？

我有一个sidebar用户可以向下滚动的组件。如果用户单击一个按钮（组件外部），我使用[ngClass]添加position:fixed到sidebar，并sidebar返回到其原始位置。如何在sidebar不返回sidebar其原始位置的情况下防止滚动？

编辑：建议我提供代码来解释我的问题，所以我在这里创建了一个 stackblitz 。

stackblitz 示例的主要部分是app.component, 和sidebar.component. 要查看我的问题，请在侧边栏上向下滚动，然后单击stopScroll按钮，然后查看侧边栏是如何移回其原始位置的。

标签： cssangular

无需任何疯狂的脚本就可以做到这一点，但它需要您为容器指定一个固定的大小。通过更改overflow容器的属性，我们可以将滚动“锁定”到特定位置。