fullpage.js

Posted 2021-01-16 zhangxutao

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了fullpage.js相关的知识，希望对你有一定的参考价值。

1 打开cdn官网 https://cdnjs.com/ 引用js 这样比较轻量不占用服务器资源自己也不用下载

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/3.0.3/fullpage.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/3.0.3/fullpage.js"></script>


2  fullpage 依赖jquery
3  基本代码演示

       <div id="fullpage‘">
            <div class="section">Some section</div>
            <div class="section">Some section</div>
            <div class="section">Some section</div>
            <div class="section">Some section</div>
       </div>

4 激活fullpage

    $(document).ready(function() {
       $(‘#fullpage‘).fullpage();
     });

以上是关于fullpage.js的主要内容，如果未能解决你的问题，请参考以下文章

angular.fullpage.js指令的使用方法（详解）