全屏滾動插件

網址:http://www.dowebok.com/demo/2014/77/

          fullpage_css: <link href="https://cdn.bootcss.com/fullPage.js/2.9.5/jquery.fullpage.css" rel="stylesheet">

          jquery: <script src="https://cdn.bootcss.com/jquery/3.2.1/core.js"></script>

          fullpage_js: <script src="https://cdn.bootcss.com/fullPage.js/2.9.5/jquery.fullpage.js"></script> //fullpage.js插件對jquery插件有依賴

  

html:
<div id="dowebok">
    <div class="section">
        <h3>第一屏</h3>
    </div>
    <div class="section">
        <h3>第二屏</h3>
    </div>
    <div class="section">
        <h3>第三屏</h3>
    </div>
    <div class="section">
        <h3>第四屏</h3>
    </div>
</div>

每一個 section 表明一屏，默認顯示「第一屏」，若是要指定加載頁面時顯示的「屏幕」，能夠在對應的 section 加上 class=」active」,如：

<div class="section active">第三屏</div>

javascript:這個是必須的,調用fullpage()函數,jquery.js中沒有fullpage方法,fullpage.js中有定義fullpage方法

$(function(){ $('#dowebok').fullpage(); });