                        課程
                    
                        /前端開發
                        
                            /JavaScript
                        
                        /FullPage.js全屏滾動插件

分頁為什么沒顯示出來

分頁為什么沒顯示出來？

abc芳

2019-01-23

源自：FullPage.js全屏滾動插件 1-2

關注問題我要回答

1093

操作

收起

2 回答

夢回民國三十年
2019-05-02

看一下是不是引用的文件順序搞錯了有的插件位置是在<head>里面而不是最后邊

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

收起回答

abc芳提問者
2019-01-23

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no"/>
	<title>fullpage簡單例子</title>
	<!--引用fullpage.js樣式表-->
	<link href="
	<style>
	body{
	color:#fff;
	}
	.section1{background-color:green;}
	.section2{background-color:red;}
	.section3{background-color:grey;}
	.section4{background-color:blue;}
	.section5{background-color:#256232;}
	.section6{background-color:#28004D;}
	.section7{background-color:#DFFFDF;}
	.section8{background-color:#5151A2;}
	.section9{background-color:#804040;}
	.section10{background-color:#336666;}
	.side{text-align:center;font-size:30px;}
	</style>
	</head>
	<body>
	<div id="fullpage">
	<div class="section section1"><h2>1111111</h2></div>
	<div class="section section2"><h2>2222222</h2></div>
	<div class="section section3"><h2>3333333</h2>
	<div class="side">1111111</div>
	<div class="side">2222222</div>
	<div class="side">3333333</div>
	<div class="side">4444444</div>
	</div>
	<div class="section section4"><h2>4444444</h2></div>
	<div class="section section5"><h2>5555555</h2></div>
	<div class="section section6"><h2>6666666</h2></div>
	<div class="section section7"><h2>7777777</h2></div>
	<div class="section section8"><h2>8888888</h2></div>
	<div class="section section9"><h2>9999999</h2></div>
	<div class="section section10"><h2>10110</h2></div>
	</div> ?
	<srcipt src="
	<!--引用fullpage.js-->
	<script src="
	<script>
	$(document).ready(function(){
	$('#fullpage').fullpage(
	//sectionColer:['green','red','green','grey']
	);
	});
	</script>
	</body>
	</html>