jQuery的航點和改變航點

Question

只有我的第二個問題在這裏（所以請容易！）。

我一直在嘗試使用jQuery航點根據滾動位置隱藏和顯示我的導航下的邊框。 例如，當粘滯的導航欄位於滑塊圖像上方時 - 將沒有邊框，但是當導航欄滾動內容時，會出現邊框。

請參閱：http://thestylebar.co.uk（檢查中鉻/ Safari瀏覽器元素）

一旦用戶滾動到航點，不過CSS屬性更改當用戶滾動備份類不返回到默認狀態如何我可以修改這個嗎？另外，該腳本似乎沒有在主頁上工作？

$(function() {      
    $('.l-main-h').waypoint(    // .l-main-h is the content area 
    function() { 
     $('.strip').css({"border-bottom":"none"}); 
    } 
) 

}); 

http://jsfiddle.net/F5A3y/

Answer 1

你將不得不測試waypoints提供了方向。另外，我不會像這樣內聯CSS。你應該只需切換一個班級。

這沒有測試，但它應該讓你關閉。

$('.l-main-h').waypoint(function(direction) { 
    $('.strip').toggleClass('bordered', direction === 'down'); 
}); 

然後你的CSS是這樣的：

.strip.bordered { 
    border-bottom: 2px solid #fff; 
}