PATH:
home
/
lab2454c
/
fcxpro.com
/
wp-content
/
plugins
/
webon-core
/
inc
/
mobile-header
/
assets
/
js
/
parts
(function ($) { "use strict"; $(document).ready(function () { qodefMobileHeaderAppearance.init(); }); /* ** Init mobile header functionality */ var qodefMobileHeaderAppearance = { init: function () { if (qodefCore.body.hasClass('qodef-mobile-header-appearance--sticky')) { var docYScroll1 = qodefCore.scroll, displayAmount = qodefGlobal.vars.mobileHeaderHeight + qodefGlobal.vars.adminBarHeight, $pageOuter = $('#qodef-page-outer'); qodefMobileHeaderAppearance.showHideMobileHeader(docYScroll1, displayAmount, $pageOuter); $(window).scroll(function () { qodefMobileHeaderAppearance.showHideMobileHeader(docYScroll1, displayAmount, $pageOuter); docYScroll1 = qodefCore.scroll; }); $(window).resize(function () { $pageOuter.css('padding-top', 0); qodefMobileHeaderAppearance.showHideMobileHeader(docYScroll1, displayAmount, $pageOuter); }); } }, showHideMobileHeader: function(docYScroll1, displayAmount,$pageOuter){ if(qodefCore.windowWidth <= 1024) { if (qodefCore.scroll > displayAmount * 2) { //set header to be fixed qodefCore.body.addClass('qodef-mobile-header--sticky'); //add transition to it setTimeout(function () { qodefCore.body.addClass('qodef-mobile-header--sticky-animation'); }, 300); //300 is duration of sticky header animation //add padding to content so there is no 'jumping' $pageOuter.css('padding-top', qodefGlobal.vars.mobileHeaderHeight); } else { //unset fixed header qodefCore.body.removeClass('qodef-mobile-header--sticky'); //remove transition setTimeout(function () { qodefCore.body.removeClass('qodef-mobile-header--sticky-animation'); }, 300); //300 is duration of sticky header animation //remove padding from content since header is not fixed anymore $pageOuter.css('padding-top', 0); } if ((qodefCore.scroll > docYScroll1 && qodefCore.scroll > displayAmount) || (qodefCore.scroll < displayAmount * 3)) { //show sticky header qodefCore.body.removeClass('qodef-mobile-header--sticky-display'); } else { //hide sticky header qodefCore.body.addClass('qodef-mobile-header--sticky-display'); } } } }; })(jQuery);
[-] mobile-header.js
[edit]
[+]
..