2012-07-02 15 views
0

커서가 창 스크롤 기능이있는 HTML 요소의 맨 위에 있다는 것을 찾는 방법이 있습니까?창 스크롤을 사용하여 커서 위치 찾기

편집 : 나는 커서가 하나의 DIV의 위쪽에있는 경우 윈도우 스크롤 기능을 중지하기 위해 아래의 스크립트를 호출 할 수 있습니다

document.addEventListener('DOMMouseScroll', function(e){ 
    console.log(e); 
    e.stopPropagation(); 
    e.preventDefault(); 
    e.cancelBubble = false; 
    return false; 
}, false); 
+0

당신은 그 이야기의 창 스크롤 기능이 필요하지 않습니다. 그냥 호버 기능을 사용하십시오 –

+0

실제로 무엇을 원하십니까? 커서의 위치? 또는 커서를 올려 놓을 때 요소에 커서를 올리면 효과가 적용됩니까 ?? – Talha

+0

커서가 요소의 맨 위에 있으면 창 스크롤 기능을 일시 중단해야합니다. 가능합니까? – aneeshraj

답변

1

당신이 경우 발생하는에서 스크롤을 방지하려는 말을하는 경우 마우스 커서는 사용자가 제공하는 기능을하고 DOMMouseScroll 이벤트 플래그가 설정되지 않은 경우에만 취소되도록 조건을 추가 특정 요소에 걸쳐 (공중 선회)된다

var allowScroll = true; 

$("div.noscroll").hover(function() { 
    allowScroll = false; 
}, function() { 
    allowScroll = true; 
}); 

document.addEventListener('DOMMouseScroll', function(e) { 
    if (!allowScroll) { 
     console.log(e); 
     e.stopPropagation(); 
     e.preventDefault(); 
     e.cancelBubble = false; 
     return false; 
    } 
}, false); 

데모 : http://jsfiddle.net/WSQbp/

"jquery"로 질문 태그를 지정 했으므로 jQuery를 사용하여 플래그를 관리하는 호버 핸들러를 설정했습니다. 당신은 추가 설정에 DOMMouseScroll 핸들러를 jQuery를 사용하여 코드를 단순화 수 :

$(document).on('DOMMouseScroll', function() { 
    if (!allowScroll) 
     return false; 
}); 

데모 : http://jsfiddle.net/WSQbp/1/

+0

위대한 nnnnnn .. 그것은 밖으로 작동 .. tnx :) – aneeshraj