Fullpage.js 不在屏幕顶部

Question

全屏 js 有问题。

问题是整页不在屏幕顶部：

这是我的 HTML（我使用的是 Django）：

    {% extends 'layout/app.html' %}


    <body>
        {% block content %}
        <div id="fullpage">
                <div class="section" id="section1">Some section</div>
                <div class="section">Some section</div>
                <div class="section">Some section</div>
                <div class="section">Some section</div>
            </div>

        {% endblock %}
    </body>

base.html 其中 index.html 延伸自：

{% load static %}
<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <link rel="stylesheet" type="text/css" href="{% static 'Portfolio/css/normalize/normalize.css' %}" />

    <link rel="stylesheet" type="text/css" href="{% static 'Portfolio/css/fullpage/jquery.fullPage.css' %}" />
    <link rel="stylesheet" type="text/css" href="{% static 'Portfolio/css/bootstrap/bootstrap.css' %}" />
    <link rel="stylesheet" type="text/css" href="{% static 'Portfolio/css/style.css' %}" />
    <title></title>

</head>
<body>
    {% block navbar %}
    {% endblock %}
    {% block content %}
    {% endblock %}
    <script src="{% static 'Portfolio/js/bootstrap/bootstrap.min.js' %}"></script>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
    <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.1/jquery-ui.min.js"></script>
    <script src="{% static 'Portfolio/js/fullpage/jquery.fullPage.min.js' %}"></script>
    <script type="text/javascript">
        $(document).ready(function() {
            $('#fullpage').fullpage({
                //sectionsColor: ['#1bbc9b', '#4BBFC3', '#7BAABE', 'whitesmoke', '#ccddff'],
                anchors: ['Welcome', 'Portfolio', 'Skills', 'About', 'Contact'],


    menu: '#menu',
            scrollingSpeed: 1000
        });

    });
</script>
</body>
</html>

这是 CSS:

#section1 {
    background-image: url(../images/bg.png);
    background-size: cover;
}

我试过设置 margin : 0 我也有 normalize.css 链接。

所以整页和正文都没有应用边距或填充。什么会导致此问题？

编辑：

导航栏是空的，我尝试删除它 app.html，但没用。

编辑：

将所有内容放在一个 html 文件中可以解决问题。这意味着可能与 django 的模板引擎有关。但它能是什么？

Answer 1

我发现了问题，没有休息 space 字符添加到正文，将编码更改为 ASCII 有效。

Fullpage.js 不在屏幕顶部

Fullpage.js not at the top of the screen

javascript

html

css

django

fullpage.js