<path class="st0" fill-rule="evenodd" clip-rule="evenodd" d="M266.81.15c-4.5,35.94-12.56,132.35-16.05,176.31l-10.43,13.63v17.63L217.07,223c.15-7.74,1.41-18.56.15-26.47-.82-5.14-2.91-12.18-9.77-11.2-5.17.74-8.15,7.82-8.83,12v32.86c-7.12,8.32-6.6,22.21-3.21,30.45v64.12L181.78,340v59.3C91,441.56,46.53,488.44,27.83,525H-1354" fill="#252525"/>
<!-- preloader -->
<style type="text/css">
.preloader_bg { position: fixed; background: rgba(15,15,15,1); width: 100%; height: 100%; top: 0; left: 0; z-index: 200; }
.preloader_content { position: fixed; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 201; font-size: 14px; }
.preloader_content span { display: block; margin: auto; text-align: center; text-transform: uppercase; color: rgba(225,225,225,1);}
</style>
<script type="text/javascript">
$(function(){
$('.preloader_bg, .preloader_content').fadeIn(0);
$(window).load(function(){
$('.preloader_bg').delay(250).fadeOut(1500);
$('.preloader_content').delay(250).fadeOut(750);
});
});
</script>
<div class="preloader_bg"></div>
<div class="preloader_content">
<span>Идет загрузка...<br>Подождите...</span>
</div>
<noscript>
<style>
html, body { opacity: 1 !important; }
.preloader_bg, .preloader_content { display: none !important; }
</style>
</noscript>
<!-- /preloader -->
$(window).on("scroll", function() {
$(селектор header).toggleClass("active", $(this).scrollTop() > $(window).height());
});
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">