Menu znevididelneni pred scrollem - zviditelneni sticky menu po scrollu

PHOTO EMBED

Tue May 06 2025 09:40:27 GMT+0000 (Coordinated Universal Time)

Saved by @hedviga

/*Menu znevididelneni pred scrollem - zviditelneni sticky menu po scrollu*****do sekce s menu vlozit tridu: pa-header-hide-before-scroll......a nastavit menu na sticky*/
/*CSS to set the header hidden until scroll*/
header.et-l.et-l--header {
	height: 0;
}

.pa-header-hide-before-scroll {
	height: 0px;
	transform: translateX(0px) translateY(-300px);
	transition: transform 800ms ease 0ms, height 800ms ease 0ms;
	visibility: hidden;
}

.pa-scroll-header {
	height: auto !important;
	transform: translateX(0px) translateY(0px) !important;
	transition: transform 800ms ease 0ms, height 800ms ease 0ms;
	visibility: visible;
}

.pa-header-hide-before-scroll .et_pb_menu .et_pb_menu__wrap {
	display: none !important;
}

.pa-header-hide-before-scroll.pa-scroll-header .et_pb_menu .et_pb_menu__wrap {
	display: flex !important;
}


//Jquery vlozit do scripts.js
    jQuery(document).ready(function() {
        jQuery(window).scroll(function() {
            var scroll = jQuery(window).scrollTop();
            if (scroll >= 1) {
                jQuery(".pa-header-hide-before-scroll").addClass("pa-scroll-header");
            } else {
                jQuery(".pa-header-hide-before-scroll").removeClass("pa-scroll-header");
            }
        });
    });
content_copyCOPY