776830346659441
<style>
.fixed {
position: fixed;
width: 100%;
top: 0px;
z-index: 9999;
}
.transtime{transition: all 0.4s cubic-bezier(0, 0, 0.8, 1.0)}
</style>
<script>
$(document).ready(function(){
let scrolldistance = 10; //Дистанция скролла
let blockMenuID = '#rec316541924'; //ID Zero
$(blockMenuID).addClass('fixed');
setTimeout(function(){
$(blockMenuID).addClass('transtime')
if($(document).scrollTop()>scrolldistance){$(blockMenuID).addClass('fonmenu')};
}, 500);
$(window).scroll(function() {
var top = $(document).scrollTop();
//Если перемещение больше 10 px
if (top >= scrolldistance) {
$(blockMenuID).addClass('fonmenu');
} else {
$(blockMenuID).removeClass('fonmenu');
}
});
});
</script>
<style>
.tn-elem[data-elem-id="1621345613804"]{
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
}
</style>
<style>
#rec316534055 {
cursor: -webkit-grab;
cursor: grab;
}
</style>
<script src='https://cdn.jsdelivr.net/npm/dragscroll@0.0.8/dragscroll.min.js'></script>
<script>
$('#rec316534055 .t396__artboard').addClass('dragscroll');
</script>