请教一个嵌套滚动的问题

比如我页面是三个 100vh 的全屏子页面 A B C 竖向拼接，其中子页面 B 内部有个 300vh 的 div 可以滚动。
怎么让 A 滚动到 B ，在 B 完全进入视口之后，滚轮开始控制 B 内部的滚动，直到 B 内部滚动到顶或底才触发外部的滚动？
我试了在 B 内部判断是否到顶或到底，如果不是就 event.stopPropagation()，但是如果在页面连续快速滚动的时候，还是会无视 B 的内部滚动，直接滚动到 C 。
请问大家有什么比较好的解决思路吗，先谢过大家。