History: Hide Fixed Top Nav Bar on Scroll 19
Preview of version: 1
- «
- »
Hide Fixed Top Nav Bar on Scroll in Tiki19+ (derived from version 0.3c)
This is a work in progress to rescue the feature which was hiding the fixed navbar on top on page scroll, which seems lost in Tiki19 so far.YAML
Copy to clipboard
instructions: Hidable Navigation Bar instructions preferences: site_layout: fixed_top_modules feature_sitelogo: n objects: - type: module data: name: Hide Fixed Top Nav Bar on Scroll 19 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').css({ transition: 'all .75s ease 0s', top: '-20px', height: '25px', minHeight: '5px', opacity: '.75', overflow: 'hidden' }); $('html:not(#page_1) .topbar_wrapper').css({ position: 'fixed', top: '7px', width: '100%', left: 0, 'z-index': 3 }); $("html:not(#page_1) .topbar").css({ "box-shadow": "0 5px 10px 0px rgba(0,0,0,.25)" }); } else { $('.navbar-fixed-top').css(resetCSS); $(".topbar_wrapper").removeAttr('style'); $(".topbar").removeAttr('style'); } }); $('.navbar-fixed-top').on('mouseover', function () { $(this).css(resetCSS); $('html:not(#page_1) .topbar_wrapper').css({ top: '48px' }); }); }); {/literal}{/jq}
Instructions page
YAML
Copy to clipboard
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