如何防止触摸拖动选项并启用滚动选项

Question

目前，我正在此页面上工作： https://graphikmiracle.com/portfolio-items/#brandings

如果您访问上述URL，则在单击图库项目内的搜索图标时，将会看到弹出灯箱打开。问题是，当用户按住鼠标左键或触摸弹出图像时，我无法停止拖动。当用户触摸灯箱元素时，我需要禁用拖动并启用滚动y。

有关更多详细信息，请参考所附快照：

我尝试了以下CSS方法，但仍然无法解决此问题。

#gallery-1 {
overflow-y: -webkit-paged-y;}
.esgbox-container {
overflow: visible !important;}

感谢任何帮助。 谢谢！