![](/img/trans.png)
[英]How do I make a shadow appear under the navigation bar when I scroll down the page?
[英]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()">
我去了那里工作
window.addEventListener('mousewheel',function(){
document.getElementById('shadow').style['box-shadow'] = '3px 3px 3px #000';
})
更改ID,它應該工作
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.