簡體   English   中英

滾動時如何使菜單欄陰影更大?

[英]How to make menu bar shadow bigger when scroll?

我想在菜單欄中顯示一點陰影,但是當有些滾動時,陰影會更大,是的,我將其位置固定了。 請回答使用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()">

我去了那里工作

http://jsfiddle.net/H9kVL/

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

更改ID,它應該工作

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM