为了账号安全,请及时绑定邮箱和手机立即绑定

为什么fullpage.js中的API配置项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" href="https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/2.9.2/jquery.fullPage.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({
//注意使用的是逗号
sectionsColor: ['blue','grey','red','yellow'],
//默认值
controlArrows: true,
//默认值
verticalCentered: true,
resize: true
});

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

代码如上,可以复制粘贴,代码已测试,只有resize不起作用。

正在回答

2 回答

会变的,只是要达到一定的宽度

0 回复 有任何疑惑可以回复我~
#1

标标哟 提问者

非常感谢!
2017-02-06 回复 有任何疑惑可以回复我~

http://img1.sycdn.imooc.com//58a307a40001054003340161.jpg


resize选项很早就被移除了,我用老版本的cdn资源也没有效果,移动端需要响应式设计了。

2 回复 有任何疑惑可以回复我~
#1

标标哟 提问者

谢谢你
2017-02-14 回复 有任何疑惑可以回复我~
#2

陈迪迦

nice~
2018-10-16 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
FullPage.js全屏滚动插件
  • 参与学习       43827    人
  • 解答问题       202    个

基于jQuery的全屏滚动效果插件,让翻页显得格外的高端大气上档次

进入课程

为什么fullpage.js中的API配置项resize不起作用呢?

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信