Menu znevididelneni pred scrollem - zviditelneni sticky menu po scrollu
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
Comments