jQuery-anchorSpy.js

jQuery plugin to active menu item on scroll

Demo

##Example## HTML

<ul class="menu ease">
    <li><div id="menu">menu</div></li>
    <li><a href="#faq">faq</a></li>
    <li><a href="#list">list</a></li>
</ul>

<div>
    <a name="menu"></a>
    Lorem ipsum dolor ...
</div>
...

JS

var Spy = $('.menu').anchorSpy({
        margin: 50,
        speed: 1000,
        next: '.next',
        prev: '.prev'
    });

If you nead reload, then use reload()

Spy.reload();

If you nead go to the next or previous block then use next() or prev() method.

Spy.next();

Spy.prev();

Options

Для теста выполнить в репозитории npm install и затем npm start

ToDo:

• Добавить твики плавной прокрутки

Thanks for idea, Novikov Maksim