在fullpage.js中设置部分的高度

宝贝男孩707

我正在使用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说明每个部分上添加类

更新2

fp-auto-height不允许您使用百分比,但是有一个扩展名可以为您提供这种可能性。偏移部分它还允许您在视口的中间显示该部分,显示上一部分和下一部分的一部分。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

在fullpage.js中设置部分的高度

来自分类Dev

跳过 fullpage.js 中的部分

来自分类Dev

FullPage.JS滚动

来自分类Dev

菜单Fullpage.js

来自分类Dev

菜单Fullpage.js

来自分类Dev

HubSpot中的fullPage.js

来自分类Dev

设置和清除间隔以自动滚动fullPage.js中的部分

来自分类Dev

在fullPage.js部分中并排添加垂直滑块

来自分类Dev

fullpage.js滚动滑块

来自分类Dev

Fullpage.js-防止滚动

来自分类Dev

fullPage.js不会滚动

来自分类Dev

fullPage.js菜单消失了

来自分类Dev

Fullpage.js:节的高度比内容的高度高

来自分类Dev

删除URL中的哈希(fullpage.js)

来自分类Dev

iExplore中的FullPage.js自动滑动

来自分类Dev

fullpage.js中的白色底部边框

来自分类Dev

我们如何在fullPage.js中为差异部分设置不同的填充顶部和底部值?

来自分类Dev

JS:fullpage.js moveTo()在不同部分之间

来自分类Dev

JS初始化部分错误,Fullpage.js

来自分类Dev

Fullpage.js:根据当前部分更改页面标题

来自分类Dev

使用fullpage.js重置CSS动画

来自分类Dev

使背景图像响应-fullpage.js

来自分类Dev

fullPage.js无法滚动/无法滚动

来自分类Dev

fullpage.js jQuery UI元素

来自分类Dev

FullPage.js:div定位问题

来自分类Dev

刷新fullpage.js插件的问题

来自分类Dev

fullPage.js onLoad回调吗?

来自分类Dev

更改事件上的fullPage.js选项

来自分类Dev

fullpage.js滑块不起作用