在底部滚动时修复div

Question

我有一个可折叠的导航（因此不知道它的高度）和它下面的div，当它在底部滚动时应该将position更改为fixed。

我实现了这一点，但是当我向后滚动时，div保持固定，我找不到解决方案，使它在开始时再次static，因为我没有知道确切的位置。

这是一个小提琴（我在js评论中解释我的解决方案）：https://jsfiddle.net/1krLnv7q/2/。

请问有人帮我吗？我被卡住了。