我有一个汉堡包导航元素是白色的，大部分网站都有深色背景，但有几个部分有浅色背景。
我想要做的是，如果汉堡包导航超过一个div保持其css单向，如果它超过另一个div改变其CSS。
我一直试图通过计算页面使用$document.scrollTop()滚动的程度以及通过计算汉堡包导航的位置来实现这一点，但是有两个问题：
1）它不是非常自动化，每次将新内容添加到页面中并且部分变得更长时都必须重新计算
2）部分高度是负责任地设定的，因此无法预先知道截面的高度以及汉堡包相对于它们的位置是不可能的。
知道如何做到这一点？
我在这里做了一个JSfiddle：https://jsfiddle.net/kd1x7jk4/1/