Skrullr在富有目标时停止?

时间:2015-05-10 17:28:36

标签: javascript frontend skrollr

您可以在#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()

感谢您的帮助。

0 个答案:

没有答案