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