Server : Apache System : Linux server2.corals.io 4.18.0-348.2.1.el8_5.x86_64 #1 SMP Mon Nov 15 09:17:08 EST 2021 x86_64 User : corals ( 1002) PHP Version : 7.4.33 Disable Function : exec,passthru,shell_exec,system Directory :  /home/corals/old/app/design/frontend/Cnc/default/Magento_Theme/web/js/

Upload File : current_dir [ Writeable ] document_root [ Writeable ]

/**
 * @license http://opensource.org/licenses/osl-3.0.php  Open Software License (OSL 3.0)
 * @author Benoit Alix <[email protected]>
 * @copyright Copyright (c) 2019 Kaliop Digital Commerce (https://digitalcommerce.kaliop.com/)
 */
define([
    "jquery",
    "tools"
], function ($, tools) {
    "use strict";

    $(function () {
        var stickyHeader = {
            init: function() {
                this.header = $('.header.content').length ? $('.header.content') : $('.checkout-header');
                this.isSticky = false;

                this.updateHeader();
                this.scrollHandler();
                this.resizeHandler();
            },

            /**
             * Update header values
             */
            updateHeader: function(){
                this.headerHeight = this.header.innerHeight();
                this.headerPos = this.header.offset().top + 100;

                if(this.isSticky){
                    $('body').css('padding-top', this.headerHeight);
                }
            },

            /**
             * Scroll handler
             */
            scrollHandler: function(){
                $(window).on('scroll', function() {
                    this.toggleClassHandler();
                }.bind(this));
            },

            /**
             * Resize handler
             */
            resizeHandler: function(){
                var self = this;
                var resizeId;

                $(window).on('resize', function() {
                    clearTimeout(resizeId);
                    resizeId = setTimeout(function(){
                        self.updateHeader();
                    }, 500);
                });
            },

            /**
             * Toggle class handler
             */
            toggleClassHandler: function() {
                if ( $(window).scrollTop() >= this.headerPos ) {
                    $('body').css('padding-top', this.headerHeight);
                    this.header.addClass('sticky');
                    this.isSticky = true;
                } else {
                    $('body').css('padding-top', 0);
                    this.header.removeClass('sticky');
                    this.isSticky = false;
                }
            }
        };

        stickyHeader.init();
    });
});