在彈出窗口高度後滾動滾動，而不是主要內容高度

Question

長問題：我在Facebook上看到，單個彈出窗口（如從某人提供的feed中打開問題時）會影響滾動行爲，所以它不會當然，不會滾動主要內容，而只會根據其高度來彈出窗口中的內容。我該如何做這樣的事情？

簡短問題：如何在welcome 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');