Question

我正在努力实现他们对谷歌冒险site的影响，用户可以在页面底部滚动，同时慢慢显示滑动标题的效果。

知道如何实现这一目标吗？

非常感谢。

Answer 1

您可以通过修改网站位置部分来实现此目的。它是这样的

<div class="sec1"></div> 
<div class="sec2"></div>

.sec1 {
 position: fixed;
....
....
}

Answer 2

尝试这样的事情：

HTML：

<div class="container">
    <div class="header">

    </div>

    <div class="content">

    </div>
</div>

CSS：

div
{
    width: 300px;
}

.container
{
    position: relative;
    height: 1000px;
}

.header
{
    position: fixed;
    top: 0;
    z-index: 999;
    height: 200px;
    background-color: green;
}

.content
{
    position: relative;
    z-index: 1000;
    margin-top: 200px;
    height: 100%;
    background-color: blue;
}

可在此处找到工作副本：

http://jsfiddle.net/mDP3y/

标题停留在网站底部滚动

2 个答案: