Opacity для всех <div> на странице.
 

Доброго времени суток! Уж простите, если создал тему не в том разделе. Хочу сделать следующее: На странице есть несколько <div>ов. Нужно, чтобы они меняли свою прозрачность в зависимости от положения вертикального скролла. Т.е. в самом верху страницы opacity всех <div>ов равна 1, в самом низу opacity=0. Вот файл, на котором я тренировался: http://hdd.tomsk.ru/file/bnplhqak . Собственно функцию, которая высчитывает значение opacity я написал(значение вываливается в консоль), а как применить сие результат ко всем дивам на страницы не знаю. Причем при добавлении контента(доп дивов) всё должно работать. Умом, то я понимаю, что нужно отследить все <div> и применить, что-то вроде style="opacity: .." Но как это сделать? P.S. не ругайте чайника сильно:cray:

driver45,

var divs = document.querySelectorAll('div');
        for (var i=0; i<divs.length; i++)  {divs[i].style.opacity=pr}

Спасибо!!!! Поехало:thanks: !!!!!