我正在使用Fullpage.js并且没有任何问题。
我有一个相当基本的设置; 5个全屏部分，其中三个是滑块。一切都好。
我遇到问题的地方是实施灯箱解决方案。我尝试了各种插件，如featherlight和fancybox。这些也按预期工作。没问题。直到关闭灯箱。
关闭灯箱时，当前幻灯片将滑动屏幕的一半。
我已经监控了控制台和DOM中发生了什么。所有我能看到的可能是创建这个问题的是灯箱html被添加，然后被带走，这可能导致fullpage.js重新评估文件？这是猜测工作，并没有真正说什么，我知道......
需要注意的另一点是：当幻灯片在视图中正确显示时，幻灯片容器上为幻灯片设置动画的css转换设置为0px, 0px, 0px。单击灯箱关闭按钮时，转换仍然相同，但整个幻灯片容器已移位。
点击灯箱关闭按钮并点击后台时发生这种情况，所以我确定无意中点击向右滑动触发器。
如前所述。我有一个非常基本的设置，基本上遵循所使用的插件的文档，并且他们自己正在工作，除了上面提到的问题之外，它们一起工作。
我尝试过使用以下内容：
$.fn.fullpage.destroy();打开图像。$.fn.fullpage.reBuild();。这没有用。这可能是对我的reBuild方法的完全误解，但我认为页面将从它的位置重建。相反，发生的事情是fullpage.js不再在页面上初始化。
还尝试了以下操作，希望我可以在关闭灯箱时强制滑动重新定位：
$.fn.fullpage.silentMoveTo('my-section', 2);关闭。这没有效果，幻灯片移动到屏幕位置的一半的问题仍然发生。
我不认为这是一个实现问题，因为一切本质上都在工作，也许也不是一个错误，但看起来像featherlight或fancybox可以使用fullpage.js
其他信息
我遇到这些问题的幻灯片的高度高于视口。
我将scrollOverflow选项设置为true，在这种情况下会触发iScroll。
我在查看幻灯片时也将幻灯片设置为$.fn.fullpage.setAllowScrolling(false);。