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/