亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

scrollOverflow

<!DOCTYPE html>


<html>


<head>


<meta charset="UTF-8">


<title>fullpage.js插件測試</title>


<link rel="stylesheet" />


<style>


.section3{font-size: 14px;}


</style>


</head>


<body>


<!--<ul id="fullpageMenu">


這是一個頭部的導航欄 在css中設置定位在jquery中設置menu:'fullpageMenu'即可


<li data-menuanchor="page1" class="active"><a href="#page1">1 section</a></li>


<li data-menuanchor="page2" class="active"><a href="#page2">2 section</a></li>


<li data-menuanchor="page3" class="active"><a href="#page3">3 section</a></li>


<li data-menuanchor="page4" class="active"><a href="#page4">4 section</a></li>


</ul>-->


<!--給section的div加上active則是定義首頁-->


<div id="fullpage">


<div class="section">第一屏</div>


<div class="section">


<div class="slide">silde1</div>


<div class="slide">silde2</div>


<div class="slide">silde3</div>


<div class="slide">silde4</div>


</div>


<div class="section">


<h1>第三屏</h1>


<p>aaaaaaaaaaaaaaaaaaaaaa</p>


<p>aaaaaaaaaaaaaaaaaaaaaa</p>


<p>aaaaaaaaaaaaaaaaaaaaaa</p>


<p>aaaaaaaaaaaaaaaaaaaaaa</p>


<p>aaaaaaaaaaaaaaaaaaaaaa</p>


<p>aaaaaaaaaaaaaaaaaaaaaa</p>


<p>aaaaaaaaaaaaaaaaaaaaaa</p>


<p>aaaaaaaaaaaaaaaaaaaaaa</p>


<p>aaaaaaaaaaaaaaaaaaaaaa</p>


<p>aaaaaaaaaaaaaaaaaaaaaa</p>


<p>aaaaaaaaaaaaaaaaaaaaaa</p>


<p>aaaaaaaaaaaaaaaaaaaaaa</p>


<p>aaaaaaaaaaaaaaaaaaaaaa</p>


<p>aaaaaaaaaaaaaaaaaaaaaa</p>


<p>aaaaaaaaaaaaaaaaaaaaaa</p>


<p>aaaaaaaaaaaaaaaaaaaaaa</p>


<p>aaaaaaaaaaaaaaaaaaaaaa</p>


<p>aaaaaaaaaaaaaaaaaaaaaa</p>


<p>aaaaaaaaaaaaaaaaaaaaaa</p>


<p>aaaaaaaaaaaaaaaaaaaaaa</p>


<p>aaaaaaaaaaaaaaaaaaaaaa</p>


<p>aaaaaaaaaaaaaaaaaaaaaa</p>


<p>aaaaaaaaaaaaaaaaaaaaaa</p>


<p>aaaaaaaaaaaaaaaaaaaaaa</p>


<p>aaaaaaaaaaaaaaaaaaaaaa</p>


<p>aaaaaaaaaaaaaaaaaaaaaa</p>


<p>aaaaaaaaaaaaaaaaaaaaaa</p>


<p>aaaaaaaaaaaaaaaaaaaaaa</p>


<p>aaaaaaaaaaaaaaaaaaaaaa</p>


<p>aaaaaaaaaaaaaaaaaaaaaa</p>


<p>aaaaaaaaaaaaaaaaaaaaaa</p>


<p>aaaaaaaaaaaaaaaaaaaaaa</p>


<p>aaaaaaaaaaaaaaaaaaaaaa</p>


<p>aaaaaaaaaaaaaaaaaaaaaa</p>


<p>aaaaaaaaaaaaaaaaaaaaaa</p>


<p>aaaaaaaaaaaaaaaaaaaaaa</p>


<p>aaaaaaaaaaaaaaaaaaaaaa</p>


<p>aaaaaaaaaaaaaaaaaaaaaa</p>


<p>aaaaaaaaaaaaaaaaaaaaaa</p>


<p>aaaaaaaaaaaaaaaaaaaaaa</p>


<p>aaaaaaaaaaaaaaaaaaaaaa</p>


<p>aaaaaaaaaaaaaaaaaaaaaa</p>


<p>aaaaaaaaaaaaaaaaaaaaaa</p>


<p>aaaaaaaaaaaaaaaaaaaaaa</p>


<p>aaaaaaaaaaaaaaaaaaaaaa</p>



</div>


<div class="section">





</div>


</div>



<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/2.9.6/jquery.fullpage.js"></script>


<script src="https://cdnjs.cloudflare.com/ajax/libs/jQuery-slimScroll/1.3.8/jquery.slimscroll.js"></script>


<script>


$(document).ready(function(){


$('#fullpage').fullpage({


sectionsColor:['cadetblue','#FFCC00','bisque','chartreuse'],


scrollOverflow:true,?


});


});






</script>



</body>


</html>


正在回答

1 回答

沒有用啊

,這是為什么啊


0 回復 有任何疑惑可以回復我~

舉報

0/150
提交
取消
FullPage.js全屏滾動插件
  • 參與學習       43810    人
  • 解答問題       217    個

基于jQuery的全屏滾動效果插件,讓翻頁顯得格外的高端大氣上檔次

進入課程

scrollOverflow

我要回答 關注問題
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號