Показать сообщение отдельно
  #3 (permalink)  
Старый 17.11.2017, 10:26
Профессор
Отправить личное сообщение для 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.setAttribute('class','fix');}
    else {o.setAttribute('class','not_fix');}
}


В css прописаны соответствующие назначения классов.

Если устанавливать атрибуты с помощью setAttribute, сами атрибуты меняются, но шапка не фиксируется

window.onscroll = function(){
    var scrolledY = window.pageYOffset || document.documentElement.scrollTop;
    var o = document.getElementById('headsticky');
    if (scrolledY > 0) {
		o.setAttribute('opacity','1');
		o.setAttribute('background-color','#FFF8DC');
		o.setAttribute('position','fixed');
		o.setAttribute('top','0px');
		o.setAttribute('left','8px');
		o.setAttribute('z-index','9999');
		o.setAttribute('width','3000px');
				}
    else {
		o.setAttribute('background-color','#000000');
		o.setAttribute('position','absolute');
		o.setAttribute('top','8px');
		o.setAttribute('left','8px');
		o.setAttribute('z-index','-1');
		o.setAttribute('width','3000px');
		
		}
}


В чём может быть причина?

Последний раз редактировалось atanov, 17.11.2017 в 10:39.
Ответить с цитированием