Fay-Hu / zAnchorMenuScroll

anchor menu scroll

zAnchorMenuScroll

---

when you click a item on navbar , page will sroll to the corresponding section . inversely . when you sroll the page The menu highlights the corresponding anchor for that section in the viewport.

tested : ie9 . chrome .

demo : http://17x.github.io/makeWheel/zAnchorMenuScroll/

USAGE

    <script src="js/zAnchorScroll.min.js"></script>
    <script>
    var aSections = document.querySelectorAll('.content')[0];
        var alis = document.querySelectorAll('.side>ul')[0];

        zAnchorScroll({
            anchorContainer: alis (parentNode of anchors items ),
            anchorTagName: 'li' (tagname of anchors items),
            scrollContentContainer: aSections (parentNode of Sections),
            scrollTagName: 'section' (tagname of sections)
        });
    </script>