正如标题所示,我想知道是否有可能在文档中间创建一个 fullpage.js 包装器,其内容不会干扰文档流。例如(仅显示具有 100wv、100vh 属性的标题)
期望的结果:
<body>
<div class="section">content</div>
<div class="section">content</div>
<div class="section">content</div>
<div id="fullpage">
<div class="section">content</div>
<div class="section">content</div>
<div class="section">content</div>
</div>
</body>
遵循 fullpage.js 创建者从其他堆栈帖子中的想法,我将整个页面放入 fullpage.js 包装器中,并使用scrollOverflow: true
命令来获得某种理想的效果。
<div id="fullpage">
<div class="section">overflowing content</div>
<div>
<div class="section">content</div>
<div class="section">content</div>
<div class="section">content</div>
</div>
<div class="section">overflowing content</div>
</div>
如果 fullpage.js 需要包装整个页面,至少有一种方法可以删除由scrollOverflow: true
.