Javascript 无直接子对象的捕捉滚动角度

我有一个HTML结构，比如

body
    app-root
        ng-component
            header-bar
            router-outlet
            ng-component
                section 1
                section 2
                section 3
                section 4

一切都在flex中，我对结果感到高兴

但现在我需要实现快照滚动，以实现类似于：

卷轴是主体卷轴，工作正常，但实际上卷轴捕捉对齐：开始在该部分不起作用

我试图在主体上定义overflow:hidden，并将overflow-y:scroll添加到ng组件，但这根本不起作用

是否有一个简单的js/Angular库来实现这一点。我需要一个快速的方法

通常，我想让用户在第2节上停留，当他向下滚动以更改第2节的内容时（如旋转木马）。完成旋转木马后，他可以“正常”向下滚动