JQuery Waypoints - Контент, получаемый застревание

Question

Я создал веб-сайт с несколькими липкими заголовками в зависимости от того, какую часть просматриваемой вами страницы. Я использую JQuery Waypoints и Smooth scroll.

http://www.peachtreecollective.com/swel/

Я просто есть несколько изломов, которые я пытался сглаживать безуспешно в течение нескольких дней, и я был бы весьма признателен, если кто-то может помочь мне решить вопросы ниже.

1) После прокрутки первой путевой точки, а затем попробуйте прокрутить страницу назад до верхней части страницы, содержимое застрянет под заголовком. Я попытался переключить липкий класс на nav для направления вверх, но это не работает. Например ...

response.waypoint({ 
handler: function(event, direction) { 
nav.toggleClass('sticky2', direction=='up'); 
if (direction == 'up') nav_container.css({ 'height':'auto' }); 
else nav_container.css({ 'height':outerHeight() }); 
},offset: 0 }); 

response.waypoint({ 
handler: function(event, direction) { 
nav.toggleClass('sticky', direction=='up'); 
}, offset: 0 }); 

Я понимаю, что мне не хватает какой-то логики здесь, так что если кто-то может пролить некоторый свет, снова будет очень благодарна.

2) В сафари & хром ссылки на привязку отлично работают, если вы нажмете на них в том порядке, в котором они указаны в коде HTML ... но если вы должны нажать «умные развлечения» с самого верха на странице он перескакивает на половину пути на страницу развлечений. То же самое верно, если вы находитесь на странице Smart Productions и нажимаете на Smart Design. Когда вы находитесь в нижней части страницы и нажимаете «умные люди», вы попадаете на фотографии, но не на фактическую вершину раздела. Кто-нибудь знает, как я могу это исправить?

Еще раз спасибо.

Answer 1

function(event, direction) - это старая подпись Waypoints 1.x. 2.0 сбросил параметр event. Ваш direction прямо сейчас будет undefined. Измените это на function(direction).

Answer 2

Как только я переключился на версию 2.0, я смог правильно использовать «вверх», чтобы развернуть мой самый верхний заголовок при прокрутке вверх.

Использование кода быстрого доступа к липким элементам (http://imakewebthings.com/jquery-waypoints/shortcuts/sticky-elements/) также выявило прыжки вокруг опорных точек.