1

メニューバーに小さな影を表示したいのですが、スクロールすると影が大きくなり、位置が固定されます。jqueryを追加したくないので、javascriptコードで答えてください。ありがとうございました。

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

4

1 に答える 1

0

私はあなたが行くそこに働くフィドルをしました

http://jsfiddle.net/H9kVL/

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

IDを変更すると動作するはずです

于 2013-06-08T19:18:42.990 に答える