const bodyEl = document.body;
let lastScrollPos = 0;
const scrollBodyLock = () => {
lastScrollPos = window.pageYOffset;
bodyEl.style.overflow = 'hidden';
bodyEl.style.position = 'fixed';
bodyEl.style.top = `-${lastScrollPos}px`;
bodyEl.style.width = '100%';
}
const scrollBodyUnlock = () => {
bodyEl.style.removeProperty('overflow');
bodyEl.style.removeProperty('position');
bodyEl.style.removeProperty('top');
bodyEl.style.removeProperty('width');
window.scrollTo(0, lastScrollPos);
}
function isColission(block1, block2) {
return !(block2.x > (block1.x + block1.width) || // проверяем, что позиция блока 2 больше позиции правого края блока 1
(block2.x + block2.width) < block1.x || // проверяем, что позиция правого края блока 2 меньше позиции левого края блока 1
block2.y > (block1.y + block1.height) || // и также по Y
(block2.y + block2.height) < block1.y));
}
<header class="header">
<a href="" class="logo"></a>
<div class="header__menu-container">
<menu class="main-menu">
<a href="" class="main-menu__item">О сервисе</a>
<a href="" class="main-menu__item">Функции</a>
<a href="" class="main-menu__item">Возможности</a>
<a href="" class="main-menu__item">Партнеры</a>
</menu>
<a href="" class="btn">Оставить заявку</a>
</div>
</header>
<header class="header-menu">
<div class="container">
<div class="header-menu__logo"><img src="img/logo.png" alt="Логотип"></div>
<div class="header-menu__nav-bar">
<nav class="header-menu__nav">
<a class="header-menu__links" href="#">ABOUT</a>
<a class="header-menu__links" href="#">CONTACT</a>
<a class="header-menu__links" href="#">CATALOG</a>
<a class="header-menu__links" href="#">BLOG</a>
<button type="button" class="header-menu__btn" name="button">Sign in</button>
</nav>
</header>
</div>
margin-left: 20%;
display: inline-block;
height: 100%;
vertical-align: middle;
$('#inputslider').on('input', function () {
var v = $(this).val();
var dolar = $('#dollars');
var litr = $('#litters');
var input = v*3;
var output = v*1;
$('#dollars').html("$" + input);
$('#litters').html(output + "l");
});