gpt4 book ai didi

javascript - Fullpage.js 不在屏幕顶部

转载 作者:太空宇宙 更新时间:2023-11-04 08:10:32 25 4
gpt4 key购买 nike

我遇到了全屏 js 的问题。

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

enter image description here

这是我的 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 的模板引擎有关。但它能是什么呢?

最佳答案

我发现了问题,没有休息空间字符添加到主体,将编码更改为 ASCII 有效。

关于javascript - Fullpage.js 不在屏幕顶部,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46325985/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com