1

当用户在颜色框本身内部滚动时,我试图在我的颜色框后面保留一个容器 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 框)。这些框是触发颜色框的框,“.some-link”是框内的链接。

希望我的英语能调好。问候!奥古斯丁

4

0 回答 0