fullpage.js - 使用 fullpage.js 垂直居中内容

Question

根据 fullpages.js 文档，应该可以使用参数 verticallyCentered 将 .section 的内容垂直居中(默认为 true)。

但是，我无法使用以下 HTML 结构使用此功能:

<div id="content">
    <div class="section container">
        <div class="row">
            <div class="col-xs-12">
                <h1 class="title">Title</h1>
            </div>
        </div>
    </div>
</div>

.col-xs-12 div 的内容(即标题)保留在窗口顶部。

我正在使用 Bootstrap 搭建脚手架(如果有任何相关性的话)。此外，fullpage.js 的基本功能(即单页滚动)工作正常。

Answer 1

您可能正在使用一些绝对定位元素，这就是 fullpage.js 无法处理它的原因。

你可以很容易地看到in the examples fullpage.js 在使用默认值 verticalCentered:true 时正确居中内容。