2012-06-28 2 views
1

jsfiddle in question. 나는 당신이 'c'div 안에 스크롤하면 'b'div를 넘어서 'a'로 전파되지 않도록하고 싶습니다. 문제는 스크롤 이벤트가 예상대로 전파되지 않는 것 같습니다. 내가 원하는 방식으로 행동하게하는 방법이 있습니까? 나는 click 이벤트로 똑같은 것을 시도했고 그것은 매력처럼 작동했습니다.이 jsfiddle 예제에서 전파를 중지 시키려면 어떻게해야합니까?

답변

2

scroll이 너무 높기 때문에 마우스 휠과 직접 관련이 없으며 항목을 스크롤하는 것과 관련이 없습니다. http://jsfiddle.net/dystroy/pvxXJ/

+0

:

$('#c').on('mousewheel', function(e){ $('#console').append('<br />C scrolled!'); }); $('#b').on('mousewheel', function(e){ e.stopPropagation(); $('#console').append('<br />B scrolled!'); }); $('#a').on('mousewheel', function(e){ $('#console').append('<br />A scrolled!'); }); 

당신은 단지 당신이 C 마우스로 스크롤 할 때 "B 스크롤"표시 "C는 스크롤"것을 여기에서 확인할 수 있습니다

그것은 당신이 mousewheel 이벤트를 사용하는 경우 작동 그걸 시도했지만, 여전히 일을하지 않습니다 – Bogdan

+0

피들이가 추가되었습니다. 니가 원하는게 아니야? 그렇다면 귀하의 필요에 따라 무엇이 달라야합니까? –

+0

나는 당신의 jsfiddle을 체크 아웃하고 네, 그것은 단지 c와 b 스크롤을 표시하지만 여전히 'a'div를 어떤 이유에서 스크롤합니다. – Bogdan

관련 문제