向下滚动组件后,如何设置'position:fixed'而不将组件恢复到原始位置?

时间:2019-04-05 03:06:10

标签: css angular

我有一个组件sidebar,用户可以向下滚动。如果用户单击按钮(在组件外部),则使用[ngClass]position:fixed添加到sidebar,然后sidebar返回其原始位置。如何防止在sidebar上滚动而不返回sidebar的原点位置?

编辑:建议我提供代码来解释我的问题,所以我创建了一个堆栈炸弹here

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

1 个答案:

答案 0 :(得分:0)

这可能不需要任何疯狂的脚本,但是它要求您为容器指定固定的大小。通过更改容器的overflow属性,我们可以将滚动“锁定”到特定位置。

看看this StackBlitz