我希望我的导航背景的一部分在用户向下滚动时更改颜色以匹配内容颜色。
blobfolio.com上提供了一个确切的示例。
我的尝试:
window.onscroll = function () {
var background = document.body.scrollTop < 200 ? '#fff' : 'red',
elems = document.getElementsByTagName('nav');
for (var i=0; i<elems.length; i++) {
elems[i].style.background = background;
}
}
我认为它将包括for
循环。我在这个JSFiddle中尝试过,但是整个背景发生了变化,这不是我想要的。
我真的很卡住,任何帮助将不胜感激!
我也试图在纯 JavaScript 中做到这一点 - 没有框架。