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

我做了一个工作小提琴你去

http://jsfiddle.net/H9kVL/

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

更改ID，它应该可以工作