fullpage常用配置

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

<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">
    
    <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 1div>
    <div class="section">Some section 2div>
    <div class="section">Some section 3div>
    <div class="section">Some section 4div>
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>
fullpage常用配置

相关

标签
