时间戳

首页 > 解决方案 > 在正常的流/滚动页面中创建 fullpage.js 包装器，删除 fullpage.js 滚动条

jquery - 在正常的流/滚动页面中创建 fullpage.js 包装器，删除 fullpage.js 滚动条

问题描述

正如标题所示，我想知道是否有可能在文档中间创建一个 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.

标签： jqueryfullpage.jswebflow

解决方案

推荐阅读