рони, спасибо,
сделал так:
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 есть. По-видимому, что то со стилями намудрил.