Javascript 为什么'；t lightbox是否禁用滚动？

我使用的是默认的lightbox2 css和javascript。首先，除了safari mobile的一个问题外，一切都很好。当我单击一个图像时，灯箱出现，如果我向左滑动，它会显示所有的空白，即使我已将overflox-x设置为隐藏。我甚至使用lightbox中的选项来禁用lightbox打开时的滚动，但它似乎不起作用。这可能和手机上的导航条有关，但我想不出来。有什么想法吗

如果您想在手机上访问相关页面，请点击以下链接：

以下是IPhone 7 Plus上出现的问题的图像，2018年IPad上也出现了同样的问题：

HTML

lightbox.option({
“禁用滚动”：true
})
寿司根
寿司根










画廊
位置
老板

2300航空公司博士

博西尔城，洛杉矶71111

(318) 584-7320

什里夫波特

线路大道6607号

洛杉矶什里夫波特71106

(318) 219-7979

小时
星期日
下午12时至9时
星期一至星期四
上午11时至下午2时30分，下午4时30分至10时
星期五
上午11时至下午2时30分，下午4时30分至10时30分
星期六
上午11时至晚上10时

自定义CSS

*{
保证金：0；
填充：0；
框大小：边框框；
}
html，正文{
最大宽度：100%；
溢出x：隐藏；
}
标题{
位置：相对位置；
宽度：100%；
高度：70vh；
最大宽度：100vw；
背景色：#4646；
背景位置：中心；
背景重复：无重复；
背景附件：固定；
背景图像：线性渐变（rgba（0,0,0,0.3），rgba（0,0,0,0.3）），url（“./img/gallery.jpg”）；
背景尺寸：封面；
}
.标题容器{
显示器：flex；
颜色：rgb（226226226226）；
弯曲方向：立柱；
证明内容：中心；
对齐项目：居中；
字体系列：“Raleway”，无衬线；
文本转换：大写；
高度：62vh；
字体系列：“蒙特塞拉特”，无衬线；
}
.标题容器h1{
保证金：0；
填充：0；
字体大小：55px；
字号：100；
}
导航{
显示器：flex；
证明内容：周围的空间；
对齐项目：居中；
最小高度：8vh；
高度：8vh；
字体系列：“Raleway”，无衬线；
}
.标志{
颜色：rgb（226226226226）；
文本转换：大写；
字母间距：5px；
字体大小：20px；
}
.导航链接{
显示器：flex；
证明内容：周围的空间；
宽度：30%；
}
.nav链接李{
列表样式：无；
}
.导航链接a{
颜色：rgb（226226226226）；
文字装饰：无；
字母间距：3px；
字体大小：粗体；
字体大小：14px；
}
.汉堡{
显示：无；
}
.汉堡部{
宽度：25px；
高度：3倍；；
背景色：rgb（226226226226）；
保证金：5px；
过渡：所有0.3秒缓解；
}
.画廊{
保证金：50px 50px；
显示器：flex；
证明内容：中心；
柔性流动：包裹；
}
.画廊图片{
过渡：1s；
填充：15px；
宽度：200px；
}
.画廊图片：悬停{
滤镜：灰度（100%）；
转换：比例（1.1）；
}
页脚{
显示器：flex；
证明内容：之间的空间；
柔性包装：包装；
垫面：5%；
垫底：5%；
背景色：#4646；
左：15%；
右：15%；
字体系列：“Lato”，无衬线；
}
.页脚框{
颜色：rgb（226226226226）；
}
.页脚标题{
字体大小：25px；
填充底部：40px；
}
.城市{
字体大小：20px；
边缘底部：10px；
}
.地址{
边缘底部：35px；
线高：23px；
}
th{
文本对齐：左对齐；
}
运输署{
文本对齐：左对齐；
垫面：3%；
垫底：3%；
}
@媒体屏幕和屏幕（最大宽度：1024px）{
标题{
背景附件：滚动条；
}
.导航链接{
宽度：60%；
}
#定位箱{
右边距：15%；
}
}
@媒体屏幕和屏幕（最大宽度：768px）{
身体{
溢出x：隐藏；
}
标题{
背景附件：滚动条；
}
.线路{
宽度：275px；
高度：3倍；
}
.导航链接{
位置：绝对位置；
右：0px；
高度：92vh；
顶部：8vh；
背景色：rgba（0,0,0,0.9）；
弯曲方向：立柱；
对齐项目：居中；
宽度：50%；
转化：translateX（100%）；
过渡：0.5s轻松过渡；
}
.nav链接李{
不透明度：0；
}
.汉堡{
显示：块；
光标：指针；
}
页脚{
左：5%；
右：5%；
}
.页脚标题{
垫底：25px；
}
}
.导航激活{
转化：translateX（0%）；
}
@关键帧navLinkFade{
从{
不透明度：0；
转变
$('#gallery a').lightBox({
  maxHeight: 700, 
  maxWidth: 700
});