如何抵消窗口頂部50％

Question

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

我試圖修復位置頂部50％的窗口高度脫離div。我可以用CSS做的很好。

但這種「div.slider按鈕」的原始位置是絕對的進一步定位下跌的一頁。但隨着頁面向下滾動，並且'div.slider-button'達到50％偏移頂部位置時，我應該添加我的.fixed類。

當前我的腳本如下，當我的div達到窗口頂部位置時，添加.fixed類。

我需要的腳本來添加我.fixed上課的時候我「div.slider鍵」到達窗口高度的50％。

var $window = $(window), 
    $button = $(".slider-button"),   
    offsetbut = $button.offset(); 

$window.scroll(function() { 
    if ($window.scrollTop() > offsetbut.top) { 
     $button.addClass('fixed'); 
    } else { 
     $button.removeClass('fixed'); 
    } 
}); 

.fixed { 
    position: fixed !important; 
    top: 50% !important; 
} 

看到這裏的jsfiddle http://jsfiddle.net/motocomdigital/dKDJz/6/

當箭頭到達頂部，你可以看到，它卡在中間，箭頭只需要中游窗口的中間並堅持下去。

Answer 1

退房這裏的例子http://jsfiddle.net/dKDJz/7/

它工作正常，只要移動一旦窗口達到50％，但它打算關閉窗口的頂部，而不是當箭頭到達中間。我添加了-($window.height()/2)，以便它考慮窗口的大小並在箭頭到達中心時關閉。希望有道理:)