// Navbar sticky-top - Navbar/Assets.html
var stickyToggle = function(sticky, stickyWrapper, scrollElement) {
var stickyHeight = sticky.outerHeight();
var stickyTop = stickyWrapper.offset().top;
if (scrollElement.scrollTop() >= stickyTop){
stickyWrapper.height(stickyHeight);
sticky.addClass("is-sticky");
} else{
sticky.removeClass("is-sticky");
stickyWrapper.height('auto');
}
};
$('[data-toggle="sticky-onscroll"]').each(function() {
var sticky = $(this);
var stickyWrapper = $('').addClass('sticky-wrapper');
sticky.before(stickyWrapper);
sticky.addClass('sticky');
$(window).on('scroll.sticky-onscroll resize.sticky-onscroll', function() {
stickyToggle(sticky, stickyWrapper, $(this));
});
stickyToggle(sticky, stickyWrapper, $(window));
});
{config.navbar.navColorCSS}
// Navbar transparent - Navbar/Assets.html
if ( $(window).width() > {settings.navbar.{navbarBreakpoint}} ) {
$(window).on('scroll', function () {
if ( $(window).scrollTop() > 60 ) {
$('.navbar').css('background-color', '{config.navbar.colorschemes}');
$('.navbar').css('transition', 'background-color 0.5s ease');
$('.navbar').css('-webkit-transition', 'background-color 0.5s ease');
$('.navbar').css('-moz-transition', 'background-color 0.5s ease');
// change navbar color
$('.navbar').removeClass('navbar-light');
$('.navbar').addClass('navbar-dark');
} else {
$('.navbar').css('background-color', 'var(--transparent)');
$('.navbar').css('transition', 'background-color 0.5s ease');
$('.navbar').css('-webkit-transition', 'background-color 0.5s ease');
$('.navbar').css('-moz-transition', 'background-color 0.5s ease');
// change navbar color
$('.navbar').removeClass('navbar-dark');
$('.navbar').addClass('navbar-light');
}
});
} else {
$('.navbar').css('background-color', '{config.navbar.colorschemes}');
}