jquery修复当div达到屏幕位置，不滚动位置时的div位置

Question

我真的很感谢任何jQuery的专家帮助作为我以前使用过的方法，对于这个新的应用程序并不是很有效。

什么，我想实现

我在右边，我的网站包装的左侧，当你向下滚动页面，只有变得可见两个选项卡。当选项卡到达屏幕中心时，它们就会变成固定位置，然后锁定位置。请参见下面的效果一般/主意......

http://jsfiddle.net/motocomdigital/SGCHt/2/

的问题

你可能会觉得奇怪，为什么我问的问题，如果上面的小提琴已经工作。

上面的提琴可以工作，因为它在窗口顶部的scrollto位置上工作。

但在我的网站上，这些标签只存在于内容区域，并且无法在我的标题，横幅，幻灯片区域上方运行。

在上面的jsFiddle示例中，您会注意到没有标题，横幅或幻灯片。所以这对我当前的脚本不是问题，因为tab容器列一直运行到顶部。

请看下面有不同组合布局的小提琴，然后你会看到我的问题。

请注意我删除了选项卡容器列上的橙色背景，以便您可以看到设计的角度。

1. 头，导航，幻灯片，广告 - http://jsfiddle.net/motocomdigital/SGCHt/3/
2. 头，导航，广告 - http://jsfiddle.net/motocomdigital/SGCHt/4/
3. 头，导航 - http://jsfiddle.net/motocomdigital/SGCHt/5/

现在看到下面这拨弄对标签的橙色背景容器列，所以你可以看到结构如何选项卡只能出现在内容区div旁边。

http://jsfiddle.net/motocomdigital/SGCHt/6/

SOLUTION

脚本一些需要如何固定定位添加到标签，当抽头达到从屏幕的顶部50％。但是我不知道如何计算这个值，因为tab容器不会一直运行到窗口顶部。是否有另一种脚本方法来实现这一点？

任何帮助将如此赞赏。谢谢！

Answer 1

我们可以从顶部添加内容区域的位置，而不是查看达到屏幕高度50％的滚动。

http://jsfiddle.net/SGCHt/7/