我查看了多个 SO 答案/解决方案并尝试了 stickyMojo（jquery 插件）。
根据我的发现，它们都有相同的失败标准。
当侧边栏内容超过视口大小的高度时，用户最多会向下滚动到主要内容的末尾，然后才能“完成”侧边栏内容的滚动。
例如，似乎所有解决方案都使用页脚 div 和侧边栏的固定顶部位置。因此，直到用户向下滚动到侧边栏底部到达页脚 div 顶部的位置之前，他们还没有看到侧边栏的所有内容。
作为我正在尝试实现的示例 - Google Plus Home尝试查看您的 Google+ 主页并查看右侧的侧边栏。当您滚动浏览内容时，您会立即开始滚动浏览侧边栏内容，直到您到达侧边栏内容的末尾，然后它变得固定（它切断了侧边栏内容的顶部）所以看起来他们正在使用视口的底部和侧边栏的底部而不是顶部作为参考点。
我怎样才能达到同样的效果并让它兼容跨浏览器？插件或 Jquery 代码都可以工作，我们将不胜感激！