使滚动跟随弹出窗口高度，而不是主要内容高度

Question

长问题：我在 Facebook 上看到单个弹出窗口（例如，当您从某人的提要中打开问题时）会影响滚动行为，因此它不会滚动主要内容，而只会滚动弹出窗口中的内容当然，根据它的高度。我该怎么做？

小问题：如何让滚动“聚焦”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');