How to use

Read the source code for a full idea, it's self explanatory. Default use case works with no options at all.

```javascript

// defaults. use href with #targetid and matching element id="targetid"
new moostrapScrollspy('navmenu', {
    offset: 30  // makeup for the fixed nav bar at top
});

// define a custom element getter
new moostrapScrollspy('navbar3', {
    mask: 'a.main',  // on child links with class main only.
    navElementParse: function(el) {
        // match any div that contains a h2 with matching text
        var text = el.get('text').clean();
        var target = document.getElement("h2:contains('" + text + "') ! div");
        return target;
    },
    onActive: function(el) {
        // add a custom class to parent Element of link
        el.getParent().addClass('funky');
        // do something to element that comes into view...
        el.retrieve('navMonitor').tween('backgroundColor', ['#cccccc', '#ffffff']);
    },
    onInactive: function(el) {
        // undo custom class
        el.getParent().removeClass('funky');
    }
});

// code from backbone patterns example, adjusted for their dom
new moostrapScrollspy("toc", {
    onActive: function(el) {
        var parent = el.getParent("nav") || el.getParent("h2");
        parent.addClass("active");
    },
    onInactive: function(el) {
        var parent = el.getParent("nav") || el.getParent("h2");
        parent.removeClass("active");
    }
});

```

Demo

http://jsfiddle.net/dimitar/mc9yc/

Discuss

A note on comments here: These comments are moderated. No comments will show up until they are approved. Comments that are not productive (i.e. inflammatory, rude, etc) will not be approved.

Found a bug in this plugin? Please report it this repository's Github Issues.