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
option | default | needs |
---|---|---|
margin | 50 | Integer |
speed | 1000 | Integer |
next | false | DOM selector |
prev | false | DOM selector |
active_class | 'active' | string active class name |
active_parent | true | boolean, determines which element add active class |
Для теста выполнить в репозитории npm install
и затем npm start
ToDo:
- Добавить твики плавной прокрутки
Thanks for idea, Novikov Maksim