주 내용 높이가 아닌 팝업 창 높이를 스크롤하십시오.

Question

긴 질문 : 페이스 북에서 하나의 팝업 창이 (someones 피드의 질문을 열 때처럼) 스크롤 동작에 영향을 미쳐서 물론 주요 내용을 스크롤하지만 높이에 따라 팝업 창의 콘텐츠 만 스크롤합니다. 이렇게하면 어떻게 할 수 있습니까?

짧은 질문 :DIV의 내용 높이에 스크롤을 "집중"으로 만들려면 어떻게해야합니까?

나는 이것을 멀리 만들었습니다 : http://jsfiddle.net/y3qV5/506/. 내가 무슨 뜻인지 이해하시기 바랍니다 :)

미리 감사드립니다.

Answer 1

overflow: hidden을 본문에 추가 할 수 있습니다.

http://jsfiddle.net/y3qV5/520/

body.freeze { overflow: hidden; } 

$('#pop').click(function() { 
    $('.welcome').fadeIn(); 
    $('body').addClass('freeze'); 
}); 

$('#close').click(function() { 
    $('.welcome').fadeOut(); 
    $('body').removeClass('freeze'); 
}); 

올드 답 : http://jsfiddle.net/y3qV5/519/

//bind on show 
$('.welcome').fadeIn().bind('mousewheel DOMMouseScroll', function(e) { 
    console.log('scroll'); 
    var scrollTo = null; 

    if (e.type == 'mousewheel') { 
     scrollTo = (e.originalEvent.wheelDelta * -1); 
    } 
    else if (e.type == 'DOMMouseScroll') { 
     scrollTo = 40 * e.originalEvent.detail; 
    } 

    if (scrollTo) { 
     console.log('prevent'); 
     e.preventDefault(); 
     $(this).scrollTop(scrollTo + $(this).scrollTop()); 
    } 
}); 


//unbind on close 
$('.welcome').fadeOut().unbind('mousewheel DOMMouseScroll');