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
instructions: Hidable Navigation Bar instructions
preferences:
site_layout: basic=>social
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
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