Question

我被要求写一个简单的演示页面，我们选择了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>

Answer 1

下载他们的示例后，看起来您的基本实现是正确的。

唯一不同的是，他们的所有示例项目都包含sectionsColor：属性，如此

$(document).ready(function() {
    $('#fullpage').fullpage({
        sectionsColor: ['#f2f2f2', '#4BBFC3', '#7BAABE', 'whitesmoke','#ccddff']
    });
});

如果添加不起作用，请检查元素并检查控制台选项卡。看看它是否为您的依赖项提供了404错误，并确保所有这些路径不需要“../”，或者大写不正确，或者依赖项的顺序正确。

但是，如果一切都在为你做了这么多魔术的事情，那么某些地方就会有一些不好的东西，而你只有一个功能可以看。

编辑：现在我提到它，你有jQuery下面的fullpage.js。当javascript读取并按顺序运行时，它需要高于它。所以它看不到它需要的jquery函数。切换它，你应该没事。

fullpageJS visual studio html

1 个答案: