Javascript 如何创建滚动到底部然后保持固定的div

我正在制作一个包含两个主要部分的页面，屏幕左半部分的div a将显示文本，而右半部分的div b将显示非常高的图像

最初，我设想将左侧固定，这样当用户向下滚动查看整个图像时，左侧的文本保持可见

然而，我意识到有时文本可能溢出屏幕，而fixed div不会向下滚动显示它

下面是我所说的图像：

我的问题是：我可以让左div向下滚动直到显示div的底部，然后在用户继续滚动时保持固定吗

如果这没有意义，那么Facebook主页的右栏就是一个例子

以下是我目前掌握的代码：

html，
身体{
填充：0；
保证金：0；
背景色：#FFF；
颜色：#000；
显示器：flex；
字体系列：蒙特塞拉特；
}
a区{
位置：固定；
宽度：40%；
身高：100%；
}
分区箱{
位置：绝对位置；
宽度：70%；
身高：100%；
保证金：自动0；
背景色：#FFFAAA；
}
b组{
位置：相对位置；
宽度：60%；
身高：100%；
左缘：40%；
背景色：#000；
}
返回顶部{
位置：固定；
宽度：自动；
高度：30px；
右：20px；
底部：20px；
背景色：rgba（0,0,0,0.4）；
边界半径：5px；
}
回溯{
文字装饰：无；
字体大小：15px；
颜色：#FFF；
填充：10px；
垂直对齐：中间对齐；
线高：30px；
}

G

请参见：为此，您需要使用javascript或jquery。如果你想让我写JavaScriptt或jquery代码，那么请评论。@RobertWilliams那太好了，我还没有学习js和jquery。