if(window.addEventListener) {
window.addEventListener('scroll', swimHeader);
} else {
window.attachEvent('onscroll', swimHeader);
}
function swimHeader(event) {
var header = document.querySelector('header');
var headerStyle = header.style;
var neibourElement = document.querySelector('.your_invetnory');
if (event.pageY >= 160) {
headerStyle.position = 'fixed';
headerStyle.top = '0';
headerStyle.left = '0';
headerStyle.width = '100%';
headerStyle.zIndex = '1000';
headerStyle.animation = 'headerOpacity 1s 1 ease';
neibourElement.style.paddingTop = '78px';
console.log(neibourElement);
} else {
headerStyle.position = 'static';
neibourElement.style.paddingTop = '0';
headerStyle.animation = '0';
}
}
<header>
<div class="container">
<div class="row desktop_header">
<div class="col-lg-4 col-md-4 col-sm-4 col-3">
<div class="logo">
<a href="index.html"><img src="img/logo.png" alt="logotype skinplus"></a>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-4 col-6">
<div class="top_sites">
<a href="top_csgo/top_csgo.html">ТОП CS:GO</a>
<a href="top_pubg/top_pubg.html">ТОП PUBG</a>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-4 col-3">
<div class="social_net_language">
<div class="header_social">
<a href="#"><i class="icon-vk-gray"></i></a>
<a href="#"><i class="icon-youtube-gray"></i></a>
</div>
<div class="language">
<p>RU</p>
<div class="drop-down_language">
<img src="img/russia_lang.png" alt="Русский язык">
<div class="hidden_drop-down_language">
<a href="vk.com"><img src="img/english_lang.png" alt="Englisg language"></a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row mobile_header_lang">
<div class="col-6">
<div class="logo">
<a href="index.html"><img src="img/logo.png" alt="logotype skinplus"></a>
</div>
</div>
<div class="col-6">
<div class="social_net_language">
<div class="header_social">
<a href="#"><i class="icon-vk-gray"></i></a>
<a href="#"><i class="icon-youtube-gray"></i></a>
</div>
<div class="language">
<p>RU</p>
<div class="drop-down_language">
<img src="img/russia_lang.png" alt="Русский язык">
<div class="hidden_drop-down_language">
<a href="vk.com"><img src="img/english_lang.png" alt="Englisg language"></a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row mobile_header_top_sites justify-content-center">
<div class="col-12">
<div class="top_sites">
<a href="top_csgo/top_csgo.html">ТОП CS:GO</a>
<a href="top_pubg/top_pubg.html">ТОП PUBG</a>
</div>
</div>
</div>
</header>
Имеется такой самописный скрипт для плавающей шапки, в Firefox работает, а в Opera и Google Chrome не работает, в чем может быть проблема?
Айфон мало держит заряд, разбираемся с проблемой вместе с AppLab
Перевод документов на английский язык: Важность и ключевые аспекты
Есть страница со списком номенклатуры, при нажатии на элемент номенклатуры я перехожу к просмотру данного элемента (index->view)При нажатии в браузере...
Подскажите, пожалуйста, как вывести базу данных на свой сайтСоздав при этом таблицу на страничке и заполнив данные таблицы, данными с бд