Loading...
 

Hide Fixed Top Nav Bar on Scroll 19

Hide Fixed Top Nav Bar on Scroll in Tiki19+ (derived from version 0.3c)

TODO: merge with Hide Fixed Top Nav Bar on Scroll





YAML
instructions: Hidable Navigation Bar instructions preferences: site_layout: social feature_sitelogo: n objects: - type: module data: name: Hide Fixed Top Nav Bar on Scroll (0.4) position: bottom order: 1 params: nobox: y custom: | {jq}{literal} $(document).ready(function () { var resetCSS = { transition: 'all .5s ease 0s', top: '', height: '', minHeight: '', opacity: '', overflow: '' }; $(window).on("scroll", function () { if ($(window).scrollTop() > 200) { $('.navbar.fixed-top, .navbar-fixed-top').css({ transition: 'all .75s ease 0s', top: '-20px', height: '25px', minHeight: '5px', opacity: '.75', overflow: 'hidden' }); $('html:not(#page_1) .topbar').attr('style', 'background: #fff !important'); $('html:not(#page_1) .topbar').css({ 'box-shadow': '0 5px 10px 0px rgba(0,0,0,.25)', position: 'fixed', top: '6px', width: '100%', left: 0, 'z-index': 3, 'max-width': '100%' }); } else { $('.navbar.fixed-top, .navbar-fixed-top').css(resetCSS); $(".topbar").removeAttr('style'); } }); $('.navbar.fixed-top, .navbar-fixed-top').on('mouseover', function () { $(this).css(resetCSS); $('html:not(#page_1) .topbar').css({ top: '46px' }); }); }); {/literal}{/jq}


Instructions page

YAML
objects: - type: wiki_page ref: ref_hidable_top_navbar_inst_page_19 data: name: Hidable Navigation Bar instructions description: Some instructions about the profile Hide Fixed Top Nav Bar on Scroll for Tiki19 onwards lang: en content: wikicontent:hidable_top_navbar_inst_page_19




Created by Xavi (as xavidp - admin). Last Modification: Tuesday 19 of November, 2024 23:24:06 GMT-0000 by Benoit Roy.