                        課程
                    
                        /前端開發(fā)
                        
                            /JavaScript
                        
                        /FullPage.js全屏滾動(dòng)插件

為什么fullpage.js中的API配置項(xiàng)resize不起作用呢？

<!DOCTYPE?html>
<html>
<head>
<meta?charset="UTF-8">
<meta?name="viewport"?content="width=device-width,initial-scale=1,user-scalable=no"?/>
<title>fullpage2</title>
<link?rel="stylesheet"?type="text/css"??/>
<style?type="text/css">
.section{
text-align:?center;
font-size:?30px;
color:?#fff;
}
</style>
</head>

<body>

<div?id="page">
<div>這是第一屏</div>
<div>
<div>slide1</div>
<div>slide2</div>
<div>slide3</div>
<div>slide4</div>
</div>
<div>這是第三屏</div>
<div>這是第四屏</div>
</div>

<script?type="text/javascript"?src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.js"></script>
<script?type="text/javascript"?src="https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/2.9.2/jquery.fullPage.js"></script>
<script?type="text/javascript">
$(document).ready(function(){
$('#page').fullpage({
//注意使用的是逗號(hào)
sectionsColor:?['blue','grey','red','yellow'],
//默認(rèn)值
controlArrows:?true,
//默認(rèn)值
verticalCentered:?true,
resize:?true
});

}
)
</script>
</body>
</html>

代碼如上，可以復(fù)制粘貼，代碼已測(cè)試，只有resize不起作用。