JSFiddle - React, Tailwind, and code Playground

by nikolya223

HTML

<meta charset="utf-8">
	<title>Рекламная компания АРТ</title>
	<meta name="format-detection" content="telephone=no">
        <base href="http://zverushka.bl.ee/monitors/" />
	<meta name="description" content="Рекламная компания АРТ">	
 	<!--[if lt IE 9]>
      <script src="js/html5shiv.js"></script>
    <![endif]-->
	<link rel="stylesheet" href="zverushka.bl.ee/monitors/css/reset.css">
	<link rel="stylesheet" href="js/fancybox/jquery.fancybox.css">
	<link rel="stylesheet" href="css/style.css">
	<!-- <link rel="stylesheet/less" href="css/style.less">
	<script src="js/less-1.3.3.min.js" type="text/javascript"></script>	
	 -->


	
	

	<div class="wrap-outer">
        <div class="over-main">   <!-- Это моё  -->
		<nav role="navigation"  class="menu-main">
			<div class="blink"></div>
			<ul>
				<li class="red"><a href="#new">Новый бизнес</a></li>
				<li class="yellow"><a href="#improve">Совершенствуй</a></li>
				<li class="green"><a href="#equip">Оборудование</a>Расчет экономики</li>
				<li class="violet"><a href="#media">Медиа комплекс</a></li>
				<li class="blue"><a href="#calc">Расчет экономии</a></li>
			</ul>
		</nav>
        </div>

		<div id="cart">
			<a href="#">
				<img src="img/cart.png" alt="">
				Онлайн заказ
			</a>
		</div>
		<div id="cons">
			<a href="#">
				<img src="img/cons.png" alt="">
				Консультант
			</a>
		</div>


		
		<div class="bl-blue" id="block1">
			
		</div>
	</div>
	<!-- /.wrap-outer -->
            
/*******************/   
/*Это моё*/          
            
<script>
 (function(){
  var width = $(".bl-blue").width();
      $(".menu-main").width(width)
      $(document).scroll(function(){
    //alert($(document).scrollLeft())
        $(".over-main")
          .scrollLeft($(document).scrollLeft())
     })
 })()
 </script>

            
            
            

	<div class="modal1 modal">
		<form action="contact.php" method="post" class="form-application right">
			<h3>Оставьте заявку на расчет</h3>			
			<input...

CSS

.menu-main{

    position: relative !important;
    margin-left:240px;
    left: 0px !important;
}
.menu-main li{
    list-style: none !important; 
}
.over-main{
    position: fixed;
    top: 0;
    left:0;
    width: 100%;
    z-index: 20000;
    overflow: hidden;
}