1. 程式人生 > >fullpage.js使用方法

fullpage.js使用方法

asc 分享 () att 後來 log itl ttr png

了解:

【1】之所以叫做fullpage,是因為它可以全屏滾動,擁有強大的功能。

【2】它依賴於jQuery庫,所以在使用fullpage之前先引入jQuery庫。

使用:

【1】<link rel="stylesheet" href="css/jquery.fullPage.css">

【2】<script src="js/jquery.min.js"></script>

【3】<script src="js/jquery.fullPage.js"></script>

【4】上述庫都引完之後來看源代碼:

技術分享

【5】<script type="text/javascript"> $(function() { $("#dowebok").fullpage(); }); </script>

【6】要想頁面跟著鼠標滑動,必須寫下面這句:

$.fn.fullpage.setAllowScrolling(true);//此屬性默認為true

fullpage.js使用方法