使用jQuery Waypoints插件的粘性導航欄

Question

我已經使用jQuery Waypoint插件創建了一個粘性導航欄，但我無法讓導航選項始終在選擇節時突出顯示。

在我的示例中，您會看到菜單項僅在該區域處於該範圍內時處於「活動狀態」，並且這會根據視口的高度進行更改，這是Waypoint默認按默認方式工作的方式：

http://jsfiddle.net/keith/v6vuN/2/ （或全屏版本：http://jsfiddle.net/keith/v6vuN/2/embedded/result/）

我想的菜單項總是強調，即使部分不在範圍之內。例如，如果我位於「精選」部分並且「聯繫人」可見，我仍然希望菜單選項可以突出顯示，即使瀏覽器窗口的高度無法滾動到整個部分也是如此。

這有道理嗎？我寧願不要在部分或頁面底部添加大量的填充/頁邊距，以使其更長。

Answer 1

在這一部分，更改：

// Register each section as a waypoint. 
$('#main > .section').waypoint({ offset: '0'}); 

要：

// Register each section as a waypoint. 
$('#main > .section').waypoint({ offset: '50%'}); 

0偏移是從屏幕的頂部0像素，而50％將使它在火的中間點。相應地調整，但50％應該這樣做。