wrapper with height element for smooth scroll
*
* Added 'data-stick-support' to all sticky elements
* To know the {dependent} element has support of 'stick'
*/
if ( 'none' == self.options.header_style ) {
selector.wrap( self.options.wrap )
.parent().css( 'min-height', selector.outerHeight() )
.attr( 'data-stick-support', 'on' )
.attr( 'data-stick-maxwidth', parseInt( self.options.max_width ) );
}else{
selector.wrap( self.options.wrap )
.attr( 'data-stick-support', 'on' )
.attr( 'data-stick-maxwidth', parseInt( self.options.max_width ) );
}
self.update_attrs();
// Stick me!.
jQuery( window ).on('resize', function() {
self.stickRelease( self );
self.update_attrs();
self.stick_me( self );
} );
jQuery( window ).on('scroll', function() {
// update the stick_upto_scroll if normal main header navigation is opend.
self.stick_me( self, 'scroll' );
if( jQuery( 'body' ).hasClass( 'ast-sticky-toggled-off' ) ){
self.update_attrs();
self.stick_me( self, 'scroll' );
}
} );
jQuery( document ).ready(function($) {
self.stick_me( self );
} );
}
};
$.fn[pluginName] = function ( options ) {
return this.each(function () {
if ( ! $.data( this, 'plugin_' + pluginName )) {
$.data( this, 'plugin_' + pluginName, new astExtSticky( this, options ) );
}
});
}
var $body = jQuery( 'body' ),
layout_width = $body.width(),
stick_header_meta = astraAddon.stick_header_meta || 'default',
stick_main = astraAddon.header_main_stick || '',
main_shrink = astraAddon.header_main_shrink || '',
stick_above = astraAddon.header_above_stick || '',
stick_below = astraAddon.header_below_stick || '',
header_main_stick_meta = astraAddon.header_main_stick_meta || '',
header_above_stick_meta = astraAddon.header_above_stick_meta || '',
header_below_stick_meta = astraAddon.header_below_stick_meta || '',
site_layout = astraAddon.site_layout || '',
site_layout_box_width = astraAddon.site_layout_box_width || 1200,
sticky_header_on_devices = astraAddon.sticky_header_on_devices || 'desktop',
sticky_header_style = astraAddon.sticky_header_style || 'none',
sticky_hide_on_scroll = astraAddon.sticky_hide_on_scroll || '',
header_logo_width = astraAddon.header_logo_width || '',
responsive_header_logo_width = astraAddon.responsive_header_logo_width || '',
stick_origin_position = astraAddon.stick_origin_position || '',
tablet_break_point = astraAddon.tablet_break_point || 768,
mobile_break_point = astraAddon.mobile_break_point || 544;
/**
* Check meta options
*/
if ( 'disabled' == stick_header_meta ) {
return;
}
if ( 'enabled' === stick_header_meta ) {
stick_main = header_main_stick_meta;
stick_above = header_above_stick_meta;
stick_below = header_below_stick_meta;
}
if ( $('header .site-logo-img img').length > 0 ) {
var id_img = $('header .site-logo-img img');
var id_height = id_img.attr('height');
if ( typeof id_height === 'undefined' ) {
id_height = id_img.height();
}
if ( id_height == 0 ) {
id_height = '';
}
if ( -1 === id_height.toString().indexOf('%') ) {
id_height += 'px';
}
if ( '' != responsive_header_logo_width.desktop || '' != responsive_header_logo_width.tablet || '' != responsive_header_logo_width.mobile ) {
var output = "";
}else if( '' != header_logo_width ){
var output = "";
}
$("head").append( output );
}
// Any stick header is enabled?
if ( stick_main || stick_above || stick_below ) {
// Add Respective class to the body dependent on which sticky header is activated.
$( document ).on( "addStickyClass", function() {
var bodyClass = '';
if ( '1' == stick_main || 'on' == stick_main || 'disabled' == stick_main ) {
bodyClass += " ast-primary-sticky-header-active";
}
if ( '1' == stick_above || 'on' == stick_above || 'disabled' == stick_above ) {
bodyClass += " ast-above-sticky-header-active";
}
if ( '1' == stick_below || 'on' == stick_below || 'disabled' == stick_below ) {
bodyClass += " ast-below-sticky-header-active";
}
$('body').addClass(bodyClass);
});
// Remove Respective class from the body dependent on which sticky header is not activated.
$( document ).on( "removeStickyClass", function() {
var bodyClass = '';
if ( '1' == stick_main || 'on' == stick_main || 'disabled' == stick_main ) {
bodyClass += " ast-primary-sticky-header-active";
}
if ( '1' == stick_above || 'on' == stick_above || 'disabled' == stick_above ) {
bodyClass += " ast-above-sticky-header-active";
}
if ( '1' == stick_below || 'on' == stick_below || 'disabled' == stick_below ) {
bodyClass += " ast-below-sticky-header-active";
}
$('body').removeClass(bodyClass);
});
switch ( site_layout ) {
case 'ast-box-layout':
layout_width = parseInt( site_layout_box_width );
break;
}
jQuery( document ).on('ready astLayoutWidthChanged', function( e ) {
if( 'astLayoutWidthChanged' === e.type ) {
// return if sticky not enabled.
if (!(parseInt( stick_main ) || parseInt( stick_below ) || parseInt( stick_above ))) {
return;
}
// Unwrapping sticky to reapply again.
jQuery('div.ast-stick-primary-below-wrapper').children().unwrap();
jQuery('div[data-stick-support="on"]').children().unwrap();
}
if ( '1' == sticky_hide_on_scroll ) {
if ( '1' == main_shrink ) {
jQuery( '#ast-fixed-header' ).addClass( 'ast-sticky-shrunk' ).stop();
}
if( !( '1' == stick_above || 'on' == stick_above || 'disabled' == stick_above ) ) {
jQuery( '#ast-fixed-header .ast-above-header' ).hide();
}
if( !( '1' == stick_main || 'on' == stick_main || 'disabled' == stick_main ) ) {
jQuery( '#ast-fixed-header .main-header-bar' ).hide();
}
if( !( '1' == stick_below || 'on' == stick_below || 'disabled' == stick_below ) ) {
jQuery( '#ast-fixed-header .ast-below-header' ).hide();
}
jQuery( '#ast-fixed-header' ).astExtSticky({
//dependent: ['#masthead .ast-above-header'],
max_width: layout_width,
site_layout: site_layout,
sticky_on_device: sticky_header_on_devices,
header_style: 'slide',
hide_on_scroll: sticky_hide_on_scroll,
});
}else{
if ('none' == sticky_header_style) {
if (header_builder_active) {
var headers = 'both' === sticky_header_on_devices ? ['desktop', 'mobile'] : [sticky_header_on_devices];
headers.forEach(function (header) {
/**
* Stick Above Header
*/
if ('1' == stick_above || 'on' == stick_above || 'disabled' == stick_above) {
jQuery('#masthead #ast-' + header + '-header .ast-above-header').astExtSticky({
max_width: layout_width,
site_layout: site_layout,
sticky_on_device: sticky_header_on_devices,
header_style: sticky_header_style,
hide_on_scroll: sticky_hide_on_scroll,
});
}
// Add wrapper class to primary header & below header if stick primary header , stick below header and shrink primary header is enabled.
// stick wrapper class of primary header and below header
if (('1' == stick_main || 'on' == stick_main || 'disabled' == stick_main) &&
('1' == stick_below || 'on' == stick_below || 'disabled' == stick_below)
) {
var selector = jQuery('#masthead #ast-' + header + '-header .main-header-bar-wrap').length ?
jQuery('#masthead #ast-' + header + '-header .main-header-bar-wrap') :
jQuery('#masthead #ast-' + header + '-header .ast-below-header-wrap');
selector.wrap('
')
jQuery('#masthead #ast-' + header + '-header .ast-below-header-wrap').prependTo('#masthead #ast-' + header + '-header .ast-stick-primary-below-wrapper');
jQuery('#masthead #ast-' + header + '-header .main-header-bar-wrap').prependTo('#masthead #ast-' + header + '-header .ast-stick-primary-below-wrapper');
jQuery('#masthead #ast-' + header + '-header .ast-stick-primary-below-wrapper').astExtSticky({
dependent: ['#masthead #ast-' + header + '-header .ast-above-header'],
max_width: layout_width,
site_layout: site_layout,
shrink: shrink_options,
sticky_on_device: sticky_header_on_devices,
header_style: sticky_header_style,
hide_on_scroll: sticky_hide_on_scroll,
});
} else {
/**
* Stick Main Header
*/
if ('1' == stick_main || 'on' == stick_main || 'disabled' == stick_main) {
// If shrink is enabled
// then add shrink top and bottom paddings.
var shrink_options = '';
if (main_shrink) {
shrink_options = {
padding_top: '',
padding_bottom: '',
}
}
jQuery('#masthead #ast-' + header + '-header .main-header-bar').astExtSticky({
dependent: ['#masthead #ast-' + header + '-header .ast-above-header'],
max_width: layout_width,
site_layout: site_layout,
shrink: shrink_options,
sticky_on_device: sticky_header_on_devices,
header_style: sticky_header_style,
hide_on_scroll: sticky_hide_on_scroll,
});
jQuery('#masthead #ast-' + header + '-header .ast-custom-header').astExtSticky({
max_width: layout_width,
site_layout: site_layout,
shrink: shrink_options,
sticky_on_device: sticky_header_on_devices,
header_style: sticky_header_style,
hide_on_scroll: sticky_hide_on_scroll,
});
}
/**
* Stick Below Header
*/
if (('1' == stick_below || 'on' == stick_below || 'disabled' == stick_below)) {
jQuery('#masthead #ast-' + header + '-header .ast-below-header').astExtSticky({
dependent: ['#masthead #ast-' + header + '-header .main-header-bar', '#masthead #ast-' + header + '-header .ast-above-header'],
max_width: layout_width,
site_layout: site_layout,
sticky_on_device: sticky_header_on_devices,
header_style: sticky_header_style,
hide_on_scroll: sticky_hide_on_scroll,
});
}
}
});
} else {
/**
* Stick Above Header
*/
if ('1' == stick_above || 'on' == stick_above || 'disabled' == stick_above) {
jQuery('#masthead .ast-above-header').astExtSticky({
max_width: layout_width,
site_layout: site_layout,
sticky_on_device: sticky_header_on_devices,
header_style: sticky_header_style,
hide_on_scroll: sticky_hide_on_scroll,
});
}
// Add wrapper class to primary header & below header if stick primary header , stick below header and shrink primary header is enabled.
// stick wrapper class of primary header and below header
if (('1' == stick_main || 'on' == stick_main || 'disabled' == stick_main) &&
('1' == stick_below || 'on' == stick_below || 'disabled' == stick_below)
) {
jQuery('#masthead .main-header-bar-wrap').wrap('
')
jQuery('#masthead .ast-below-header-wrap').prependTo('.ast-stick-primary-below-wrapper');
jQuery('#masthead .main-header-bar-wrap').prependTo('.ast-stick-primary-below-wrapper');
jQuery('#masthead .ast-stick-primary-below-wrapper').astExtSticky({
dependent: ['#masthead .ast-above-header'],
max_width: layout_width,
site_layout: site_layout,
shrink: shrink_options,
sticky_on_device: sticky_header_on_devices,
header_style: sticky_header_style,
hide_on_scroll: sticky_hide_on_scroll,
});
} else {
/**
* Stick Main Header
*/
if ('1' == stick_main || 'on' == stick_main || 'disabled' == stick_main) {
// If shrink is enabled
// then add shrink top and bottom paddings.
var shrink_options = '';
if (main_shrink) {
shrink_options = {
padding_top: '',
padding_bottom: '',
}
}
jQuery('#masthead .main-header-bar').astExtSticky({
dependent: ['#masthead .ast-above-header'],
max_width: layout_width,
site_layout: site_layout,
shrink: shrink_options,
sticky_on_device: sticky_header_on_devices,
header_style: sticky_header_style,
hide_on_scroll: sticky_hide_on_scroll,
});
jQuery('#masthead .ast-custom-header').astExtSticky({
max_width: layout_width,
site_layout: site_layout,
shrink: shrink_options,
sticky_on_device: sticky_header_on_devices,
header_style: sticky_header_style,
hide_on_scroll: sticky_hide_on_scroll,
});
}
/**
* Stick Below Header
*/
if (('1' == stick_below || 'on' == stick_below || 'disabled' == stick_below)) {
jQuery('#masthead .ast-below-header').astExtSticky({
dependent: ['#masthead .main-header-bar', '#masthead .ast-above-header'],
max_width: layout_width,
site_layout: site_layout,
sticky_on_device: sticky_header_on_devices,
header_style: sticky_header_style,
hide_on_scroll: sticky_hide_on_scroll,
});
}
}
}
}
else{
jQuery( '#ast-fixed-header' ).addClass( 'ast-sticky-shrunk' ).stop();
if( !( '1' == stick_above || 'on' == stick_above || 'disabled' == stick_above ) ) {
jQuery( '#ast-fixed-header .ast-above-header' ).hide();
}
if( !( '1' == stick_main || 'on' == stick_main || 'disabled' == stick_main ) ) {
jQuery( '#ast-fixed-header .main-header-bar' ).hide();
}
if( !( '1' == stick_below || 'on' == stick_below || 'disabled' == stick_below) ) {
jQuery( '#ast-fixed-header .ast-below-header' ).hide();
}
/**
* Stick Main Header
*/
if ( '1' == stick_above || 'on' == stick_above || 'disabled' == stick_above
|| '1' == stick_main || 'on' == stick_main || 'disabled' == stick_main
|| '1' == stick_below || 'on' == stick_below || 'disabled' == stick_below
) {
// If shrink is enabled
// then add shrink top and bottom paddings.
var shrink_options = '';
if( main_shrink ) {
shrink_options = {
padding_top: '',
padding_bottom: '',
}
}
jQuery( '#ast-fixed-header' ).astExtSticky({
//dependent: ['#masthead .ast-above-header'],
max_width: layout_width,
site_layout: site_layout,
shrink: shrink_options,
sticky_on_device: sticky_header_on_devices,
header_style: sticky_header_style,
hide_on_scroll: sticky_hide_on_scroll,
});
}
}
}
// If Sticky Header for both mobile , desktops.
if ( 'mobile' == sticky_header_on_devices || 'both' == sticky_header_on_devices ) {
// Normal Header Mobile Menu Toggled
jQuery( '#masthead .main-header-menu-toggle' ).click(function(event) {
/* If menu navigation is opened and has sticky active */
if( jQuery( '#masthead .main-header-menu-toggle' ).hasClass( 'toggled' ) ){
// Add body class to update the stick_upto_scroll.
$body.addClass('ast-sticky-toggled-off');
if (
'none' == defaults['header_style'] &&
( jQuery( '#masthead .main-header-bar' ).hasClass('ast-sticky-active') ||
jQuery( '#masthead .ast-stick-primary-below-wrapper' ).hasClass('ast-sticky-active') )
){
// Only If none style is selected
var windowHeight = jQuery( window ).height(),
headerSectionHeight = 0;
if ( jQuery( '#masthead .ast-above-header' ) && jQuery( '#masthead .ast-above-header' ).length ) {
headerSectionHeight = jQuery( '#masthead .ast-above-header' ).height();
}
// overflow hide for html.
if ( '1' == sticky_hide_on_scroll ) {
jQuery( 'html' ).css({
'overflow' : 'hidden',
});
}
// add min height to wrapper class of primary header and below header
if ( '1' == main_shrink &&
( '1' == stick_main || 'on' == stick_main || 'disabled' == stick_main ) &&
( '1' == stick_below || 'on' == stick_below || 'disabled' == stick_below )
) {
jQuery( '#masthead .ast-stick-primary-below-wrapper' ).css({
'max-height' : ( windowHeight - headerSectionHeight ) +'px',
'overflow-y' : 'auto',
});
} else {
// ass max height to sticky header.
jQuery( '#masthead .main-header-bar.ast-sticky-active' ).css({
'max-height' : ( windowHeight - headerSectionHeight ) +'px',
'overflow-y' : 'auto',
});
}
}
}
else{
$body.addClass('ast-sticky-toggled-off');
jQuery( 'html' ).css({
'overflow' : '',
});
if ( '1' == main_shrink &&
( '1' == stick_main || 'on' == stick_main || 'disabled' == stick_main ) &&
( '1' == stick_below || 'on' == stick_below || 'disabled' == stick_below )
) {
jQuery( '#masthead .ast-stick-primary-below-wrapper' ).css({
'max-height' : '',
'overflow-y' : '',
});
} else {
// ass max height to sticky header.
jQuery( '#masthead .main-header-bar.ast-sticky-active' ).css({
'max-height' : '',
'overflow-y' : '',
});
}
}
});
// Fixed Header Mobile Menu Toggled
jQuery( '#ast-fixed-header .main-header-menu-toggle' ).click(function(event) {
/* If menu navigation is opened and has sticky active */
if( jQuery( '#ast-fixed-header .main-header-menu-toggle' ).hasClass( 'toggled' ) ){
var windowHeight = jQuery( window ).height();
// overflow hide for html.
if ( '1' == sticky_hide_on_scroll ) {
jQuery( 'html' ).css({
'overflow' : 'auto',
});
}
// ass max height to sticky header.
jQuery( '#ast-fixed-header' ).css({
'max-height' : ( windowHeight ) +'px',
'overflow-y' : 'auto',
});
}
// remove css if menu toggle is closed.
else{
jQuery( 'html' ).css({
'overflow' : '',
});
jQuery( '#ast-fixed-header' ).css({
'max-height' : '',
'overflow-y' : '',
});
}
});
}
});
}
}(jQuery, window));