프로필카테고리질문하기
로그인 계정 만들기

javascript 스크롤 이벤트가 IE에서 작동하지 않습니다

소스는 다음과 같습니다 엣지 파이어폭스에서는 정상작동하며 크롬에서는 스크롤할때 특정 위치에서 DIV2가 깜박이는 현상이 생깁니다IE에서는 아에 작동을 안하구요  해결방법이 없을까요 가능하면 순수 javascript여야하고 IE 9까지는 작동을 하여야 합니다 

<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <meta name="viewport" content="width=device-width, user-scalable=no"> <title>:: 연습 ::</title> <style type="text/css"> .www { position: relative; } </style> <script type="text/javascript"> window.addEventListener('scroll', function() { if(window.scrollY > 50) { ScrollMenuOpen(); } else { ScrollMenuClose(); } }); function ScrollMenuOpen(){ document.getElementById('out').style.display = ''; document.getElementById('out').style.position = 'fixed'; document.getElementById('out').style.top = '0'; document.getElementById('menu').style.position = 'fixed'; document.getElementById('menu').style.top = document.getElementById('out').style.height; document.getElementById('in').style.display = 'none'; } function ScrollMenuClose(){ document.getElementById('out').style.display = 'none'; document.getElementById('in').style.display = ''; } function OpenMenu() { document.getElementById('menu').style.display = ''; } function CloseMenu() { document.getElementById("menu").style.display = 'none'; } </script> <body> <div id="in" style="background-color:blue; border: solid;width:100%;height:100px" onmouseover="OpenMenu();">DIV1</div> <div id="out" style="display:none;z-index:9999;background-color:red; border: solid;width:100%;height:100px" onmouseover="OpenMenu();">DIV2</div> <div id="menu" style="display:none; z-index:9999;;background-color:green; border: solid;width:100%;height:100px" onmouseleave='CloseMenu();'>DIV3</div> <div id="content" style="background-color:yellow; border: solid;width:100%;height:auto">div4 <p>mm</p> <p>mm</p> <p>mm</p> <p>mm</p> <p>mm</p> <p>mm</p> <p>mm</p> <p>mm</p> <p>mm</p> <p>mm</p> <p>mm</p> <p>mm</p> <p>mm</p> <p>mm</p> <p>mm</p> <p>mm</p> <p>mm</p> <p>mm</p> <p>mm</p> <p>mm</p> <p>mm</p> <p>mm</p> <p>mm</p> <p>mm</p> <p>mm</p> <p>mm</p> <p>mm</p> <p>mm</p> <p>mm</p> <p>mm</p> <p>mm</p> <p>mm</p> <p>mm</p> <p>mm</p> <p>mm</p> <p>mm</p> <p>mm</p> <p>mm</p> <p>mm</p> <p>mm</p> <p>mm</p> <p>mm</p> <p>mm</p> <p>mm</p> <p>mm</p> <p>mm</p> <p>mm</p> <p>mm</p> <p>mm</p> <p>mm</p> <p>mm</p> <p>mm</p> <p>mm</p> <p>mm</p> <p>mm</p> <p>mm</p> </div> </body> </html>
답변하기 의견 추가
의견 (0)
더 많은 의견 보기

답글 (0)