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

【问题标题】：How to make menu bar shadow bigger when scroll?滚动时如何使菜单栏阴影更大？
【发布时间】：2013-06-09 14:04:49
【问题描述】：

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

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()">

【问题讨论】：

kizu.ru/en/fun/shadowscroll
您可能需要尝试moz-box-shadow 而不是mox-box-shadow？
是的，我也添加了 moz 和 webkit，但仍然无法正常工作。

标签： javascript html

【解决方案1】：

你去那里做了一个工作小提琴

http://jsfiddle.net/H9kVL/

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

更改 id，它应该可以工作

【讨论】：