我被要求编写一个简单的演示页面,我们选择了 fullpage.js。
我以前使用过 html 和 css,我通常用 c++ 和 c# 编写,所以这不是我的强项。我有一段时间没有做任何前端工作了。
由于某种原因,当我尝试按照官方教程进行操作时,我的页面没有样式并且滚动不起作用。只是一个带有一些文本的白页。
任何人都可以帮助我指明正确的方向,以便在 Visual Studio 中设置一个简单的页面吗?
这是我的 html 页面:
<!DOCTYPE html>
<html>
<head>
<link href="Content/jquery.fullPage.css" rel="stylesheet" />
<script src="scripts/jquery.fullPage.min.js"></script>
<script src="scripts/jquery-2.1.4.intellisense.js"></script>
<script src="scripts/jquery-2.1.4.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#fullpage').fullpage();
});
</script>
</head>
<body>
<div id="fullpage">
<div class="section">Section 1</div>
<div class="section">
<div class="slide">Section 2 Slide 1</div>
<div class="slide">Section 2 Slide 2</div>
<div class="slide">Section 2 Slide 3</div>
</div>
<div class="section">Section 3</div>
</div>
</body>
</html>
最佳答案
下载他们的示例后,看起来您的基本实现是正确的。
唯一的区别是他们所有的示例元素都包含一个sectionColor:像这样的属性
$(document).ready(function() {
$('#fullpage').fullpage({
sectionsColor: ['#f2f2f2', '#4BBFC3', '#7BAABE', 'whitesmoke','#ccddff']
});
});
如果添加不起作用,请检查元素并检查控制台选项卡。查看它是否为您的依赖项提供 404 错误,并确保所有这些路径不需要“../”,或者大小写错误,或者依赖项的顺序正确。
但是,如果一切都因为某个为你做了如此神奇的事情而中断,那么某个地方的 js 有点糟糕,而你只能查看一个函数。
编辑:现在我提到了,您在 fullpage.js 下面有 jQuery。它需要位于其上方,因为 javascript 按顺序读取并运行它们。所以它看不到它需要的jquery函数。改变一下,你应该没问题。
关于javascript - 整页 JS Visual Studio html,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38363399/