Javascript 如何在灯箱外滚动灯箱？

我在我的网站上有一些灯箱，现在我只能在指针在灯箱内时滚动它们

我怎样才能将它们滚动到框外，比如当你在Trello或Pinterest上打开评论时

这是我的密码：

//声明变量
var$lightboxAnchor=$（“a.list_消息”）；
//灯箱
$（“.overlay background”）.hide（）；
//leistungen的Lightbox功能
$lightboxAnchor。单击（函数（）{
var$attr=$（this.attr（“href”）.replace（“#“，”）；
console.log（$attr）；
$（'div[id='+$attr+']'）。show（）；
$（“body”）.addClass（“noscroll”）；
});
$（“.overlay background”）。单击（函数（）{
console.log（'alert'）；
$（this.hide（）；
$（“body”）.removeClass（“noscroll”）；
});
$（“.close_lightbox”）。单击（函数（）{
console.log（'alert'）；
$（“.overlay background”）.hide（）；
$（“body”）.removeClass（“noscroll”）；
});
。覆盖背景{
显示：块；
位置：绝对位置；
排名：0；
左：0；
身高：100%；
宽度：100%；
光标：指针；
z指数：1000；/*高z指数*/
背景：#000；/*回退*/
背景：rgba（0,0,0,0.75）；
}
.覆盖内容
{
显示：块；
背景：#fff；
填充：1%；
宽度：70%；
身高：70%；
位置：绝对位置；
最高：15%；
左：10%；
保证金：0；
游标：默认值；
z指数：10001；
边界半径：4px；
盒影：0.5pxRGBA（0,0,0,0.9）；
}

你能在JSFIDLE上组合一个例子吗？如果没有直观的表示，就不清楚你在问什么。请使用“代码片段”或任何其他在线“代码游乐场”进行更好的检查。我将此JSFIDLE作为表示：正如你所看到的，灯箱只能在里面滚动。如果指针在灯箱外，我可以滚动它。谢谢