滚动时如何使菜单栏阴影更大？

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，它应该可以正常工作