-->

fullpage.js只会scrollOverflow窗口大小调整后(fullpage.js wil

2019-10-21 06:39发布

我有一个fullpage.js站点设置在这里 。 所述第一部分具有不scrollOverflow,但第二区段是(使用gridify生成)的网格,这就要求(在某些屏幕尺寸),因为它是一个滚动的部分。

问题是它拒绝滚动。 然而,如果我调整窗口(即使在任何方向上的单个像素),则fullpage.js滚动条将出现用于该部分。

有没有人有,为什么fullpage.js是这种方式行事的任何想法? 我怎样才能滚动条出现在该节中,而无需手动调整窗口的大小?

值得一提的,我已经能够得到使用scrollOverflow的fullpage.js例子页的工作同样的事情。 这是正确的设置在这里 。 不过,我一直无法弄清楚它为什么在那里工作,但不是在我原来的页面!

Answer 1:

这可能是因为正在生成您的部分或幻灯片的内容(或以某种方式修改)fullPage.js被初始化后。

你应该使用的是JavaScript代码里面afterRender回调为fullPage.js文档的详细信息 :

AfterRender阶段()

此回调触发生成页面的结构之后。 这是您要使用初始化其他插件或火灾这就要求文件要准备好 (因为这个插件修改DOM创造所产生的结构) 的任何代码的回调

在任何情况下,我相信你可以通过调用方法解决它reBuild由fullPage.js提供。 你可以试着在使用它afterRender回调或直接到要应用的使用产生了部分的布局/内容的代码之后scrollOverflow选项。

$('#fullpage').fullpage({
    //your options
});

//code used to generate the content of your section 
//...

//re-building fullPage.js to detect the current content of each section
$.fn.fullpage.reBuild();

如果不工作,你总是可以尝试使用超时也应略有延迟解决这个问题:

setTimeout(function(){
    $.fn.fullpage.reBuild();
}, 1000);


文章来源: fullpage.js will only scrollOverflow after window resize