footer.php

    <footer>
        <p>footer</p>
    </footer>


    <script src="js/angular.min.js"></script>
    <script src="js/app.js"></script>
    <script src="js/controllers.js"></script>

    <script type="text/javascript">
        //when scrolling passes h1#navTitle, hide #navTitle and set menu as sticky
        (function stickyNavScroller(){
            //static vars
            var minTop = document.getElementById('navTitle').offsetHeight,
                navOffset = document.getElementById('topNav').offsetHeight,
                container = document.getElementById('mainContainer'),
                active = 0;
            //function
            window.onscroll = function (event) {
                var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
                if (active == 0 && minTop <= scrollTop) {
                    active = 1;
                    topNav.className = 'sticky';
                    topNav.style.top = -minTop + 'px';
                    container.style.paddingTop = navOffset + 'px';
                } else if (active == 1 && scrollTop <= minTop) {
                    active = 0;
                    topNav.style.top = 0;
                    topNav.className = '';
                    container.style.paddingTop = 0;
                }
            };
        })();
    </script>
</body>
</html>