IE10 svg 포인터 이벤트

Question

div 컨테이너에 스크롤 가능한 내용이 있습니다. 그리고 사용자의 밝기 설정을해야합니다. 예 :

<div> 
    <div style="overflow-y: auto"> 
     <div>some long content</div> 
    </div> 
    <svg:svg style="position: absolute; left:0; top:0; width:100%; height:100%; 
        opacity: 0.5" pointer-events="none"> 
     <svg:rect x="0" y="0" width="100%" height="100%" fill="black"></svg:rect> 
    </svg:svg> 
</div> 

결과가 허용됩니다. 하지만 ... 마우스 휠이나 키보드로 콘텐츠를 스크롤하면 예상대로 작동합니다. 하지만 터치 장치로 내용을 스크롤하려고하면 아무 일도 일어나지 않습니다. 스크롤 가능한 컨테이너에서 포인터 이벤트를 수신하려고하면 모든 것이 정상임을 보여줍니다. 이벤트가 발생합니다. 콘텐츠가 스크롤되는 것을 방지 할 수있는 방법은 무엇입니까?

Answer 1

나는 당신의 HTML을 약간 수정했다. 아마도이 문제를 해결할 수 있을까? http://jsfiddle.net/krul/VZtaD/1/

<svg style="position: absolute; left:0; top:0; width:100%; height:100%; 
       opacity: 0.5" pointer-events="none"> 
    <rect x="0" y="0" width="100%" height="100%" fill="black"></rect> 
</svg>