主要是看script里面的常用配置

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>fullpage常用配置</title>
    <link rel="stylesheet" href="css/fullpage.css">
    <!--注意:FullPage是基于jQuery的插件-->
    <script src="js/jquery-3.1.1.js"></script>
    <script src="js/easings.js"></script>
    <script src="js/scrolloverflow.js"></script>
    <script src="js/fullpage.js"></script>
</head>
<body>

<div id="fullpage">
    <div class="section">Some section 1</div>
    <div class="section">Some section 2</div>
    <div class="section">Some section 3</div>
    <div class="section">Some section 4</div>
</div>

<script> new fullpage('#fullpage', {
     //设置每页的背景颜色 sectionsColor: ['red', 'yellow', 'blue', 'pink'], //是否显示右侧小圆点,默认为false(显示指示器) navigation: true, //设置鼠标移到小圆点上时显示的内容 navigationTooltips: ['1tip', '2top', '3spt', '4piu'], //设置小圆点显示的内容是否默认直接显示而不需要鼠标移上去 showActiveTooltip: true, //设置指示器默认显示在哪里 // navigationPosition: 'left', //定义滚动到最后一节后是否要滚动到第一节,默认为false // loopBottom: true, //设置滚动到第一页后再望山滚是否回滚到最后一页,默认为false // loopTop: true, //实现无限循环滚动 continueVertical: true, // 控制section文字是否上下居中 verticalCentered: false, }) </script>
</body>
</html>