From c202725fb642033dc619f047a950027de73894d0 Mon Sep 17 00:00:00 2001 From: psychobunny Date: Mon, 29 Jun 2015 16:42:18 -0400 Subject: [PATCH] auto hide navbar on mobile and tablet --- lib/modules/autohidingnavbar.min.js | 9 +++++++++ lib/persona.js | 8 ++++++++ plugin.json | 3 ++- 3 files changed, 19 insertions(+), 1 deletion(-) create mode 100644 lib/modules/autohidingnavbar.min.js diff --git a/lib/modules/autohidingnavbar.min.js b/lib/modules/autohidingnavbar.min.js new file mode 100644 index 0000000..dba7a79 --- /dev/null +++ b/lib/modules/autohidingnavbar.min.js @@ -0,0 +1,9 @@ +/* + * Bootstrap Auto-Hiding Navbar - v1.0.0 + * An extension for Bootstrap's fixed navbar which hides the navbar while the page is scrolling downwards and shows it the other way. The plugin is able to show/hide the navbar programmatically as well. + * http://www.virtuosoft.eu/code/bootstrap-autohidingnavbar/ + * + * Made by István Ujj-Mészáros + * Under Apache License v2.0 License + */ +!function(a,b,c,d){function e(b,c){this.element=a(b),this.settings=a.extend({},w,c),this._defaults=w,this._name=m,this.init()}function f(b){v&&(b.element.addClass("navbar-hidden").animate({top:-b.element.height()},{queue:!1,duration:b.settings.animationDuration}),a(".dropdown.open .dropdown-toggle",b.element).dropdown("toggle"),v=!1)}function g(a){v||(a.element.removeClass("navbar-hidden").animate({top:0},{queue:!1,duration:a.settings.animationDuration}),v=!0)}function h(a){var b=n.scrollTop(),c=b-t;if(t=b,0>c){if(v)return;(a.settings.showOnUpscroll||l>=b)&&g(a)}else if(c>0){if(!v)return void(a.settings.showOnBottom&&b+u===o.height()&&g(a));b>=l&&f(a)}}function i(a){a.settings.disableAutohide||(s=(new Date).getTime(),h(a))}function j(a){o.on("scroll."+m,function(){(new Date).getTime()-s>r?i(a):(clearTimeout(p),p=setTimeout(function(){i(a)},r))}),n.on("resize."+m,function(){clearTimeout(q),q=setTimeout(function(){u=n.height()},r)})}function k(){o.off("."+m),n.off("."+m)}var l,m="autoHidingNavbar",n=a(b),o=a(c),p=null,q=null,r=70,s=0,t=null,u=n.height(),v=!0,w={disableAutohide:!1,showOnUpscroll:!0,showOnBottom:!0,hideOffset:"auto",animationDuration:200};e.prototype={init:function(){return this.elements={navbar:this.element},this.setDisableAutohide(this.settings.disableAutohide),this.setShowOnUpscroll(this.settings.showOnUpscroll),this.setShowOnBottom(this.settings.showOnBottom),this.setHideOffset(this.settings.hideOffset),this.setAnimationDuration(this.settings.animationDuration),l="auto"===this.settings.hideOffset?this.element.height():this.settings.hideOffset,j(this),this.element},setDisableAutohide:function(a){return this.settings.disableAutohide=a,this.element},setShowOnUpscroll:function(a){return this.settings.showOnUpscroll=a,this.element},setShowOnBottom:function(a){return this.settings.showOnBottom=a,this.element},setHideOffset:function(a){return this.settings.hideOffset=a,this.element},setAnimationDuration:function(a){return this.settings.animationDuration=a,this.element},show:function(){return g(this),this.element},hide:function(){return f(this),this.element},destroy:function(){return k(this),g(this),a.data(this,"plugin_"+m,null),this.element}},a.fn[m]=function(b){var c=arguments;if(b===d||"object"==typeof b)return this.each(function(){a.data(this,"plugin_"+m)||a.data(this,"plugin_"+m,new e(this,b))});if("string"==typeof b&&"_"!==b[0]&&"init"!==b){var f;return this.each(function(){var d=a.data(this,"plugin_"+m);d instanceof e&&"function"==typeof d[b]&&(f=d[b].apply(d,Array.prototype.slice.call(c,1)))}),f!==d?f:this}}}(jQuery,window,document); \ No newline at end of file diff --git a/lib/persona.js b/lib/persona.js index 8339d55..389c624 100644 --- a/lib/persona.js +++ b/lib/persona.js @@ -5,6 +5,14 @@ $(document).ready(function() { setupSlideMenu(); + var env = utils.findBootstrapEnvironment(); + + if (env === 'xs' || env ==='sm') { + $(".navbar-fixed-top").autoHidingNavbar({ + showOnBottom: false + }); + } + function setupSlideMenu() { $('[data-toggle="slide-in"]').on('click', function(ev) { $('body').toggleClass('slide-in'); diff --git a/plugin.json b/plugin.json index ab21ef9..bb2cd84 100644 --- a/plugin.json +++ b/plugin.json @@ -3,6 +3,7 @@ "hooks": [], "scripts": [ "lib/persona.js", - "lib/modules/nprogress.js" + "lib/modules/nprogress.js", + "lib/modules/autohidingnavbar.min.js" ] } \ No newline at end of file