jQuery script to hide bootstrap fixed navbar on scroll down and reveal on scroll up

bootstrap-nav-scroll-hider.js

/*!
 * jQuery script to hide bootstrap fixed navbar on scroll down and reveal on scroll up.
 * 
 * Copyright 2016 James Buncle
 * 
 * Released under the MIT license.
 * http://jquery.org/license
 *
 */
(function ($) {
    $(document).ready(function () {
        var $nav = $('.navbar-fixed-top');
        var lastScrollTop = 0;
        var direction;
        $(function () {
            $(window).scroll(function () {
                var scrollTop = $(this).scrollTop();

                if (lastScrollTop < scrollTop && scrollTop > $nav.outerHeight() && direction != 'down') {
                    //Scroll down
                    $nav.stop().fadeOut();
                    direction = 'down';
                } else if (lastScrollTop > scrollTop  && direction != 'up') {
                    // Scroll up
                    $nav.stop().fadeIn();
                    direction = 'up';
                }
                lastScrollTop = scrollTop;
            });
        });
    });
}(jQuery));

Was looking for something like this but many were not working properly. But this one works flawlessly on my computer and iPhone! Thanks a lot! 👍