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

时间:2016-12-08 16:21:44

标签: javascript jquery html css fullpage.js

我在建筑物的网站页面上使用fullpage.js。一切都按预期工作,我对迄今为止的经历感到非常满意。我遇到了一个我似乎无法解决的小问题。

我已设置responsiveWidth:961,因此当屏幕尺寸低于961px时,滑块功能将被禁用。现在,当试图通过上面提到的断点调整FIRST幻灯片(标记为:属性)上的屏幕(向上和向下)时,一切都很好。

但是,当视口位于第二张(及以上)幻灯片上时,尝试调整屏幕大小时,html结构完全突破宽度961px。

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

提前谢谢!

2 个答案:

答案 0 :(得分:1)

fullpage.js中的an open issue about it'github问题攻击者

如您所见,它被标记为“在开发时固定”。这意味着该问题已在the developing branch中解决,并将合并到下一版本v 2.9.0。

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

答案 1 :(得分:0)

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