100%全屏彩盒（jquery lightbox）滚动条不会取代或覆盖底层的滚动条

在下面的段落中，我介绍了当我使用全屏灯箱时，两个滚动条相邻的问题。基本层的滚动条（初始html）和iframe的滚动条（lightbox）。我想移除或覆盖基本滚动条

在我的基本页面设计中，我有一个垂直的投资组合项目列表。该页面用于滚动。要查看公文包项目的图像，用户单击“查看项目图像”链接以展开一个灯箱，该灯箱扩展了浏览器的100%。我们的想法是使用lightbox将公文包图像置于浮动全屏窗口的中心，当您关闭窗口时，用户将返回到下方的页面，即他们离开的位置。这非常重要，因为下面的投资组合项目列表可能很长。颜色框是一个基本的iframe

如前所述，我有两个相邻的滚动条问题。您可以在以下位置看到问题：

www.joshua-butler.com/sample/home.html

我想覆盖或删除基本滚动条

这里有一个类似的问题： （我想不出如何将此用于我的目的）

如果有人对Colorbox有更好的解决方案，或者知道一个简单的解决方案，请让我知道

所有lightbox解决方案，如Thickbox、Shadowbox和lightbox都存在此问题

提前谢谢！ Josh

当ColorBox处于活动状态时，可以使用ColorBox和回调将页面更改为隐藏（删除页面滚动条）

$(".iframe").colorbox({
    iframe:true, 
    width:"100%", 
    height:"100%", 
    onLoad:function() {
        $('html, body').css('overflow', 'hidden'); // page scrollbars off
    }, 
    onClosed:function() {
        $('html, body').css('overflow', ''); // page scrollbars on
    }
});

---

很高兴听到这句话，如果这是你的答案，请注明：）