主要是看script里面的常用配置
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>fullpage常用配置</title>
<link rel="stylesheet" href="css/fullpage.css">
<!--注意:FullPage是基于jQuery的插件-->
<script src="js/jquery-3.1.1.js"></script>
<script src="js/easings.js"></script>
<script src="js/scrolloverflow.js"></script>
<script src="js/fullpage.js"></script>
</head>
<body>
<div id="fullpage">
<div class="section">Some section 1</div>
<div class="section">Some section 2</div>
<div class="section">Some section 3</div>
<div class="section">Some section 4</div>
</div>
<script>
new fullpage('#fullpage', {
//设置每页的背景颜色
sectionsColor: ['red', 'yellow', 'blue', 'pink'],
//是否显示右侧小圆点,默认为false(显示指示器)
navigation: true,
//设置鼠标移到小圆点上时显示的内容
navigationTooltips: ['1tip', '2top', '3spt', '4piu'],
//设置小圆点显示的内容是否默认直接显示而不需要鼠标移上去
showActiveTooltip: true,
//设置指示器默认显示在哪里
// navigationPosition: 'left',
//定义滚动到最后一节后是否要滚动到第一节,默认为false
// loopBottom: true,
//设置滚动到第一页后再望山滚是否回滚到最后一页,默认为false
// loopTop: true,
//实现无限循环滚动
continueVertical: true,
// 控制section文字是否上下居中
verticalCentered: false,
})
</script>
</body>
</html>
634
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
