我正在为我的教堂网站制作侧面导航菜单。你可以在这里看到演示：
http://amightywind.com/sideNav/
但是我有问题。导航应该可以正常工作，所以当你向下滚动页面时，css会发生变化，使其停止并停止移动。
问题是“锚定”效果并不总是平稳运行，只会在滚动几个像素经过底部后应用。
这会使侧栏“跳”回到它的设计位置。
我知道这个问题可能是由asynchronous panning引起的（浏览器在滚动时延迟重新绘制以保持平滑的帧速率）。
我打算称这个无法解决，但后来我看到了firefox的quantum browser page。
如果您向下滚动，您会在左侧看到一个大粉红色框，上面写着“Firefox Quantum功能”。
当您滚动到文本时，文本会更改定位，类似于侧栏的工作方式。然而，有两件事是不同的。
我认为这可能很容易，因为他们移动的内容比我少，但是....
这怎么可能？有没有办法让这个效果没有Javascript工作？或者至少比我刚刚听完窗口滚动事件更顺利？
非常感谢任何帮助，谢谢！