我有一个fullpage.js站点设置在这里 。 所述第一部分具有不scrollOverflow,但第二区段是(使用gridify生成)的网格,这就要求(在某些屏幕尺寸),因为它是一个滚动的部分。
问题是它拒绝滚动。 然而,如果我调整窗口(即使在任何方向上的单个像素),则fullpage.js滚动条将出现用于该部分。
有没有人有,为什么fullpage.js是这种方式行事的任何想法? 我怎样才能滚动条出现在该节中,而无需手动调整窗口的大小?
值得一提的,我已经能够得到使用scrollOverflow的fullpage.js例子页的工作同样的事情。 这是正确的设置在这里 。 不过,我一直无法弄清楚它为什么在那里工作,但不是在我原来的页面!
这可能是因为正在生成您的部分或幻灯片的内容(或以某种方式修改)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);