scroll - スクロールが許可されたカラーボックス、バックグラウンドでのdivが修正されました

Question

ユーザーがカラーボックス自体の内部をスクロールしている間、固定されたカラーボックスの背後にあるコンテナーdivを維持しようとしています。私はそれについてグーグルで調べて、ジェイク・ムーア
を引用して見つけました：

例：

$().bind('cbox_open', function(){
$('body').css({overflow:'hidden'}); }).bind('cbox_closed', function(){
$('body').css({overflow:'auto'}); });

$(".iframe").colorbox({width:"80%", height:"80%", iframe:true});

しかし、以前は私のために働いていませんでしたが、スクロールは後ろのdivだけでなく、カラーボックスでもロックされるため、ユーザーはどこにもスクロールできません！
私はiframeこのようにカラーボックスを呼び出しているので、それと関係があると思います：

$(document).on("click", ".some-link", function(e){    
    e.preventDefault();
    var url = $(this).attr('href');
    $.colorbox({
        onComplete: function(){
            some other stuff()
            $.colorbox.resize();
            $('body').css({overflow:'hidden'})
        },
        onCleanup: function(){
            some other stuff()
            $('body').css({overflow:'hidden'})
        },
        href: url,                
    });
});

何か案は？div内でスクロールを無効にし、別のdivで許可する他の方法はありますか？

無限スクロールのようなものでカラーボックスを使用しているので、ユーザーが下にスクロールすると、より多くの情報が表示され続けます（実際にはdivボックス）。これらのボックスはカラーボックスを起動するボックスであり、「。some-link」はボックス内のリンクです。

私の英語が調整されていることを願っています。よろしく！アグスティン