Укажите, пожалуйста, на ошибки

[Crystal-3]

Здравствуйте.

Очень хочу услышать критику моего кода, а также нужна помощь с header’ом.

 

Начну по порядку. Первый раз работаю с таким количеством скриптов, у меня здесь много слайдеров, sticky header.  Ну и мой дебют – popup окошко.

 

И вот именно с header’ом у меня возникли трудности , ну никак не могу понять его поведение. Я устала с ним бороться в одиночку и прошу помощи у вас.

Мне нужно, чтобы при клике на один из пунктов меню header плавно опускался к якорю, при этом присваивается класс актив.

У меня же творится какое-то безобразие, при первом клике header  почему-то опускается ниже якоря и не срабатывает класс актив. При повторном клике всё начинает работать так, как надо. Как можно это исправить?

 

Ссылка на страничку: http://exumple3.esy.es/

 

Заранее спасибо за критику и за помощь.

[SelenIT]

Анимация скроллинга вызывает срабатывание $(window).scroll(). А поскольку первое срабатывание происходит при $(window).scrollTop() <=450, происходит сброс стилей всех ссылок меню, отменяя результат обработчика клика. А смещение, насколько я понимаю, происходит от того, что при первом клике у sticky header'а нет класса "to-top", и координаты целевого блока определяются без его учета.

 

Варианты решения — либо, как советуют на SO, в $(window).scroll() проверять флаг, вызван ли скроллинг скриптом или действием юзера, либо вызывать $('#header-sticky').addClass("to-top) по клику по ссылке, а addClass("active") для ссылки вызывать по завершению анимации (через 4-й параметр для animate). Первое, наверное, проще

[Crystal-3]

SelenIT, спасибо большое, сейчас попробую исправить)