Почему данные скрипты не работают в Google Chrome, Opera

142
24 марта 2018, 14:39

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 не работает, в чем может быть проблема?

READ ALSO
Позиционирование на странице

Позиционирование на странице

Есть страница со списком номенклатуры, при нажатии на элемент номенклатуры я перехожу к просмотру данного элемента (index->view)При нажатии в браузере...

165
Mysql в wordpress

Mysql в wordpress

Подскажите, пожалуйста, как вывести базу данных на свой сайтСоздав при этом таблицу на страничке и заполнив данные таблицы, данными с бд

167