我正在使用fullPage.js,这听起来似乎很笨拙,但是无法弄清楚如何将节的高度设置为小于100%,我尝试使用.section
和#section1
(例如height: 80%;
)在css中进行设置,但是没有效果...
非常感谢。
最大限度
在插件的github issues论坛中回答了相同的问题。
这是一个FULL PAGE插件。没有这样的选择
这不是插件提供的选项。如果要执行此操作,则需要自己执行。可能height
是在渲染插件之后(在afterRender
回调函数上)以及在调整大小之后(afterResize
)覆盖了部分和幻灯片的属性。
您也可以尝试添加CSS样式,例如添加以下内容:
#section1,
#section1 .fp-slide,
#section1 .fp-tableCell{
height: auto !important;
}
现在,fullpage.js提供了一种创建比视口更小的部分的方法(使用autoScrolling:false
或时甚至可以创建更大的部分)scrollBar:true
。
按照文档中的fp-auto-height
说明在每个部分上添加类。
fp-auto-height
不允许您使用百分比,但是有一个扩展名可以为您提供这种可能性。偏移部分。它还允许您在视口的中间显示该部分,显示上一部分和下一部分的一部分。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句