var nav = document.getElementsByTagName('nav')[0];
window.onscroll = function(){
var supportPageOffset = window.pageXOffset !== undefined,
isCSS1Compat = ((document.compatMode || '') === 'CSS1Compat'),
top = supportPageOffset ? window.pageYOffset : isCSS1Compat ? document.documentElement.scrollTop : document.body.scrollTop,
calc = Math.abs(1 - (top + 200)/200);
if(calc <= '1'){
nav.style.background = 'rgba(0,0,0,0.'+calc+')';
console.log('rgba(0,0,0,0.'+calc+')');
}
}
如果我安慰它。該功能運作良好。但是,當我檢查元素。它沒有任何反應。滾動事件不更新的背景風格。 (非jQuery)
的jsfiddle:https://jsfiddle.net/238rjf9a/1/
滾動它,你可以看到我在說什麼。
注意:我不在這個項目中使用jQuery。
感謝那些會幫助的人。
工作就像魅力的伴侶。非常感謝。我會在10分鐘內接受你的回答。我不知道爲什麼stackoverflow需要我等10分鐘。 –
不客氣:-) – PerfectPixel