1 Star 1 Fork 2

子弹兄 / headroom.js

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
demo1.html 1.26 KB
一键复制 编辑 Web IDE 原始数据 按行查看 历史
子弹兄 提交于 2017-12-30 15:11 . cdn的一些修改
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="utf-8">
<title>Headroom.js</title>
<meta name="viewport" content="width=device-width">
<link href="https://cdn.bootcss.com/normalize/7.0.0/normalize.min.css" rel="stylesheet">
<link rel="stylesheet" href="demo1.css">
</head>
<body>
<header id="header" class="header header--fixed">
Headroom.js
</header>
<!--测试增加页面,实际项目中可去除/start-->
<div style="height:1000px;background: #FF0000;color:#FFFFFF;padding-top:46px;text-align: center;font-size: 60px;"></div>
<div style="height:1000px;background: #00FF00;color:#FFFFFF;text-align: center;font-size: 60px;">绿</div>
<div style="height:1000px;background: #0000FF;color:#FFFFFF;text-align: center;font-size: 60px;"></div>
<!--测试增加页面,实际项目中可去除/end-->
<script src="https://cdn.bootcss.com/jquery/1.11.3/jquery.js"></script>
<script src="https://cdn.bootcss.com/headroom/0.7.0/headroom.js"></script>
<script src="https://cdn.bootcss.com/headroom/0.7.1/jQuery.headroom.js"></script>
<script>
$(function() {
$("#header").headroom({
classes: {
initial: "animated",
pinned: "slideDown",
unpinned: "slideUp"
}
});
})
</script>
</body>
</html>
JavaScript
1
https://gitee.com/hongweizhiyuan/headroom.js.git
git@gitee.com:hongweizhiyuan/headroom.js.git
hongweizhiyuan
headroom.js
headroom.js
master

搜索帮助

14c37bed 8189591 565d56ea 8189591