Copy to clipboard
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}
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