您可以在#body
加密时修复徽标位置。基本上我想做这样的事情,让徽标位于首页的中间,当向下滚动徽标时也要移动,然后变小,直到富#body
然后它必须堆叠在顶部像固定菜单。
这是一个小提琴[http://jsfiddle.net/jaQFZ/200/][1]
代码就像:
HTML
<html>
<body>
<header>
<div data-0="top:40px;" data-600="top:1100px;width:50px;" id="logo"> Logo </div>
</header>
<section id="body"> Body </section>
</body>
</html>
CSS
body, html{
height:100% !importatn;
}
header{
position:relative;
height:100%;
background:#c00;
}
#logo{
position:absolute;
margin:0 auto;
border:1px solid;
width:100px;
height:100px;
margin-left:50%;
}
#body{
background:#ccc;
height:500px;
}
JS
skrollr.init()
感谢您的帮助。