概念:创建美丽的全屏滚动网站
官网
https://alvarotrigo.com/fullPage/zh/#page1
兼容
- 适用于Vue,React和Angular
- fullPage.js兼容所有的现代浏览器,以及一些旧版浏览器,如Internet Explorer 9,Opera 12等都能兼容。
- 可兼容支持CSS3的浏览器与非支持CSS3的浏览器,适用于旧版浏览器。
- 同时,手机、平板电脑和触摸屏电脑还提供触屏支持。
使用
初始化界面结构
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>QQZone</title>
<!-- 引入的 初识化css fullpage css -->
<link rel="stylesheet" href="css/base.css" />
<link rel="stylesheet" href="css/fullpage.css" />
<!-- 引入自己的less -->
<link rel="stylesheet/less" href="less/index.less" />
</head>
<body>
<script src="js/jquery-3.3.1.js"></script>
<script src="js/fullpage.js"></script>
<script src="js/index.js"></script>
</body>
</html>