Какие есть плагины для реализации якорного меню для лэндинга?

Question

[issssrt]

Какие существуют пдагины для реализации якорного меню, т.е. по клику на пункт меню он плавно скролит к соответсвующему якорю

Answer 1

[Alexey ZloDeeV]

$("#button").click(function() {
    $('html, body').animate({
        scrollTop: $("#elementtoScrollToID").offset().top
    }, 2000);
});

Или же, если хочешь для любых якорей на странице:

$('a[href^="#"]').on('click', function(event) {
    var target = $(this.href);
    if( target.length ) {
        event.preventDefault();
        $('html, body').animate({
            scrollTop: target.offset().top
        }, 1000);
    }
});

Comments

[issssrt]

Спасибо тоже нашел уже,оказывается несложно. Такой вопрос. как только скрол отъезжает от верха, то меню прижимается к верху и фиксируется. я сделал это бутем создания класса - .fixed в котором прописал нужные свойства. остается понять как сделать так чтобы когда сролл вверху был класс fixed удалялся, а когда внизу добавлялся к слою div.menu

[Руслан]

issssrt: не проверял, но что-то типа этого:

var scrollto =0;
$(window).on("scroll", function(){
  if(scrollto < $('html, body').scrollTop()) 
    console.log('down');
  else
    console.log('up');
  scrollto = $('html, body').scrollTop();
})

Answer 2

[Michael Samorokov]

Вот есть плагин из Foundation:
ссылка

Comments

[issssrt]

ссылку можно?)

[Michael Samorokov]

Вроде есть в ответе. Если не работает, продублирую текстом: foundation.zurb.com/docs/components/magellan.html

[issssrt]

а его отдельно можно использовать или как я понял всю библиотеку использовать?

[Michael Samorokov]

Make sure jquery.js, foundation.js, and foundation.magellan.js have been included on your page before continuing.
То есть требуется jQuery, foundation

Answer 3

[Алексей Николаев]

Я использую JqueryPlusacnhor, отличный плагин с большими возможностями.