2013-06-08 2 views
1

메뉴 막대에 작은 그림자를 표시하고 싶지만 일부 스크롤을하면 그림자가 커집니다. 나는 위치가 고정되도록 만듭니다. 자바 스크립트 코드로 대답 해주세요. 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()">

+1

http://kizu.ru/ko/fun/shadowscroll/ – coma

+0

'mox-box-shadow'대신'moz-box-shadow'를 사용해 봐야 할 수도 있습니까? – Cherniv

+0

예 moz와 webkit을 추가했지만 여전히 작동하지 않습니다. –

답변

0

나는이 작업 바이올린 당신은

http://jsfiddle.net/H9kVL/

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

ID를 변경하면 작동합니다.

+0

이것은 나를 위해 작동하지 않습니다. –

관련 문제