不是这样fullpage fullpage.js？答案

【问题标题】：not so fullpage fullpage.js?不是这样fullpage fullpage.js？
【发布时间】：2017-02-15 18:16:43
【问题描述】：

我现在正在创建一个网站，我使用 fullpage.js 。直到我将一些图像放在背景中之前它看起来还不错（也许是因为无法判断它是否正在发生）。我添加了一个背景，现在我可以看到：

在初始页面呈现时，第一页/部分未全屏显示（下一部分底部 - 顶部有一个白条）
当页面向上或向下调整大小时，栏会消失
当调整回初始大小时 - 没有白条
刷新时（任何尺寸） - 出现白条。
白条的高度始终为 17 像素（在不同的显示器尺寸/初始窗口尺寸上）

我可以提供所有其他信息，例如屏幕截图、代码、CSS 或任何需要的信息。

正文：

<div id="fullpage">
    <div class="section" data-anchor="top">{#top#}
        <div class="bg-photo"></div>
        <div class="content">
            <div>
                <h1>DO ROZPOCZĘCIA POZOSTAŁO</h1>
                <div class='next-event'></div>
            </div>
            <div class="joinButton">
            Dołącz do wydarzenia
            </div>
            <div class="scroll-icon">
                <img src="{{ 'assets/images/scroll_ico.png'|theme }}">
            </div>
        </div>
    </div>
    <div class="section" data-anchor="about">
        o itad + social
    </div>
</div>

css:

.bg-photo {
    background-image: url("../images/bg_blurred.png");
    background-repeat: no-repeat;
    width:100%;
    height:100%;
    background-size:cover;
    }
.content {
    position:absolute;
    top:0;
    width:100%;
    height:100%;
    background:rgba(11,17,28,0.75);
    }

原来在 IE 上可以正常工作，但在 Firefox、Chrome 和 Safari 上出现问题。

【问题讨论】：

请提供相关代码。
听起来像一个空滚动条。你有实时链接吗？
站点处于维护模式，所以你必须log in. login stackoverflow pass: 1234
我想知道什么是“白条”。
下一部分的顶部 - 除了第一个部分，我在所有部分都有白色背景，因此它显示为白色条

标签： javascript html css fullpage.js

【解决方案1】：

我尝试了一个很简单的方法，还好解决了。

将<div id="head"></div> 添加为<div class="section"></div> 的第一行。

并设置css样式：

#head {
height: 1px}

所以我认为它只需要在该部分的最顶部添加一些元素。

【讨论】：