在fullpage.js中设置section的高度

Question

我正在使用fullPage.js 这可能听起来非常noobish,但无法想象如何设置一个高度小于100%的部分,我已经尝试使用.section和#section1(例如height: 80%;)在css中设置它,但这有没有效果...

非常感谢.

马克斯

Answer 1

在插件的github问题论坛中回答了同样的问题.

这是一个FULL PAGE插件.没有这样的选择

它不是插件提供的选项.如果你想这样做,你需要自己做.可能height是在渲染插件(在afterRender回调上)之后以及在调整大小(afterResize)之后覆盖部分和幻灯片的属性.

你可以通过添加CSS样式来尝试它,通过添加如下内容:

#section1,
#section1 .fp-slide,
#section1 .fp-tableCell{
    height: auto !important;
}

UPDATE

现在,fullpage.js提供了一种创建比视口更小的部分的方法(或者在使用autoScrolling:false或时使用更大的部分)scrollBar:true.

fp-auto-height在每个部分添加类将按照文档中的说明进行操作.

更新2

fp-auto-height不会允许你使用百分比,但有一个扩展,给你这种可能性.偏移部分.它还允许您显示视口中间的部分,显示上一个和下一个部分.