fullpage.js 页面结构在屏幕调整大小时中断并变得不可用

fullpage.js page structure breaks and becomes unusable upon screen resize

我正在我正在构建的网站的页面上使用 fullpage.js。一切都按预期进行,我对迄今为止的体验非常满意。我 运行 遇到了一个我似乎无法解决的小问题。

我设置了 responsiveWidth: 961 所以当屏幕尺寸低于 961px 时,滑块功能被禁用。现在,当尝试通过上述断点在第一张幻灯片(标记为:属性)上调整屏幕(上下)时,一切都很好。

然而,当视口位于第二张(及以上)幻灯片上时尝试调整屏幕大小时,html 结构在宽度 961px 以下完全中断。

请访问:http://viv-homes.dafox.uk/properties/ 以复制问题。

提前致谢!

您必须假设用户不会以开发者模式打开您的网站,因此每次您更改屏幕尺寸时,都要重新加载页面。鉴于打开网站的用户将使用固定的屏幕尺寸。这不是它崩溃的问题,但我认为js一旦加载就不会第二次读取代码,其中它已经读取了大于961px的部分,当你进入小于961px时,代码小于 961px 将是它为您的网站留下的最后信息。希望对您有所帮助。

fullpage.js' github issues tacker 中有 an open issue about it

如您所见,它被标记为"Fixed on dev"。这意味着问题已在 the developing branch 中解决,并将合并到下一个版本 v 2.9.0.

如果您想摆脱这个问题,请随时使用 the developing version