Sticky Nav Bar Использование плагина jQuery Waypoints

Question

Я создал липкую навигацию с помощью плагина jQuery Waypoints, но у меня возникают проблемы с получением параметров навигации, которые всегда выделяются при выборе раздела.

В моем примере вы увидите, что пункт меню является «активным», только когда раздел находится в пределах диапазона, и это изменяется в зависимости от высоты области просмотра, то есть так, как путевые точки должны работать по умолчанию:

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 Смещение 0px от верхней части экрана, в то время как 50% заставит его сработать на полпути,Отрегулируйте соответственно, но 50% должны это сделать.