Показать сообщение отдельно
  #5 (permalink)  
Старый 17.11.2017, 11:10
Профессор
Отправить личное сообщение для atanov Посмотреть профиль Найти все сообщения от atanov
 
Регистрация: 27.06.2016
Сообщений: 180

рони, спасибо,

сделал так:

window.onscroll = function(){
    var scrolledY = window.pageYOffset || document.documentElement.scrollTop;
    var o = document.getElementById('headsticky');
	if (scrolledY > 0) {
		o.style.opacity = '1';
		o.style.backgroundColor = '#FFF8DC';
		o.style.position = 'fixed';
		o.style.top = '0px';
		o.style.left = '8px';
		o.style.zIndex = '9999';
		o.style.width ='3000px';
						}
    else {
		o.style.opacity = '0';
		o.style.backgroundColor = '#000000';
		o.style.position = 'fixed';
		o.style.top = '0px';
		o.style.left = '8px';
		o.style.zIndex = '0';
		o.style.width ='3000px';
		}
}


при прокрутке вниз действительно стало работать, однако если прокрутить наверх, то элемент (div), который должен не двигаться, становиться невидимым, хотя в DOM есть. По-видимому, что то со стилями намудрил.
Ответить с цитированием