javascript - 如何让菜单栏滚动时阴影变大？

Question

我想在菜单栏中显示小阴影，但是当某些滚动时，阴影会更大，是的，我将其位置固定。请用javascript代码回答，我不想添加jquery。谢谢。

JS

function navscroll()
{
navscroll=document.getElementById("menu");
if(navscroll => 0){
    navscroll.style['mox-box-shadow']="0 0 1px 1px #aaa";
}
else {
    navscroll.style['mox-box-shadow']="1px 1px 2px 2px #aaa";
}
}

HTML <div id="menu" onscroll="navscroll()">

Answer 1

我在那里做了一个工作 fiddle

http://jsfiddle.net/H9kVL/

window.addEventListener('mousewheel',function(){
document.getElementById('shadow').style['box-shadow'] = '3px 3px 3px #000';
})

修改id就可以了