Плагин для плавающего меню

[Zverushka]

Я обычно пользовалась ddscrollspy. 

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

Что-то не могу найти - может кто что посоветует?

[antonKar]

Я фиг его знаю как работает ddscrollspy, но это можно и самой написать.

 

1) Навешиваем событие $(window).scroll(). Если $(window).scrollTop() > 100px (например), то $("nav").css("position", "fixed") (а лучше класс добавлять, где уже указаны position: fixed, top: 0 и т.п.), иначе $("nav").css("position", "static").

 

2) На пункт меню и на элемент, к которому нам надо переходить, навешиваем data-атрибуты с одинаковыми значениями, по которым мы будем их распознавать. Ну и дальше что-то типа

$("nav").on("click", ".menu__item:not('.active')", function() {    $(".menu__item.active").removeClass("active");    $(this).addClass("active");    var dataItem = $(this).data("item");    $('body,html').animate({scrollTop: $("#some__element[data-item='" + dataItem + "']").offset().top - 50 },500);});

Для особо одарённых специально говорю, что это не готовое решение, а направление куда можно двигаться.

Edited December 20, 2013 by antonKar

[swandev]

Как здесь? http://switch-company.com/

[Zverushka]

Ага, как там.

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

[antonKar]

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

 

А вы не ломайте себя. Только при каждом новом проекте смотрите свой плагин и подумайте чего можно улучшить.