Question

我发生了JS冲突，无法解决。

我的网站是一个单页面布局，使用平滑滚动从一个部分移动到另一个部分。

我认为特别有4个脚本存在冲突。

问题是，一旦我点击图片打开它，页面就会反弹回顶部而不是停留在原处。关闭图像弹出窗口后，我必须每次都向下滚动。您还会注意到，关闭弹出窗口后，单击顶部的任何导航按钮会强制从上到下滚动，而不是从当前位置滚动（如前面的视频所示）。

这个问题在Safari中更糟糕（Firefox不做这部分）因为关闭弹出图像后活动的导航项目不显示（绿色突出显示）。

请查看我发布的关于我遇到的问题的视频屏幕抓取。

我的Filterizr / Magnific Popup / Portfolio在我的移动网站上运行完美。但移动网站不包括平滑滚动功能。

如上所述，我正在使用：

1）Magnific Popup v1.1.0（在最前面弹出打开的图像）

2）J.Query Filterizr（安排选定的照片库）

3）我的脚本＆＃39;主JS（包含平滑滚动代码）

4）＆＃39;投资组合＆＃34;脚本：

explorer.exe "\\fileserver\%username%$"

我已经阅读过no.Conflict，但我不确定如何在这里正确实现它，或者它是否会起作用。

我觉得答案在我眼前，但我是新手。

非常感谢任何帮助！

Answer 1

令我沮丧的是，这个问题根本不在我的剧本中。就像在我的CSS中更改几行一样简单。

通过移动html / body中的“隐藏溢出”并添加到投资组合容器中，问题得以解决。

#work .container{
    overflow: hidden;
}