显示内容。主屏幕上的内容底部

Question

问题：

显示内容，这是可见文本的结尾，其余内容隐藏在“标题”下。

我会尝试以图形方式描绘。

现在有：

必须如下：

http://s55.radikal.ru/i148/1308/c5/f6c4bfe55810.png

Answer 1

无法真正看到您的代码，但可能会尝试添加以下内容：

#header{
   position:fixed;
   top:0;
   left:0;
   z-index:10;
   height:50px;
   width:100%;
   text-align:center;
   background:rgba(255, 245, 238, 0.5);
}

Answer 2

我认为你正在尝试做这样的事情www.geniusamigos.com 。

你可以用jQuery做到这一点。

$(document).ready(function () {

    var fixed = false;

    $(document).scroll(function () {
        if ($(this).scrollTop() > 100) {
            if (!fixed) {
                fixed = true;
                $('.header2').fadeTo(600, 0);
            }
        } else {
            if (fixed) {
                fixed = false;
                $('.header2').fadeTo(600, 1);
            }
        }
    });

    $(".header").mouseenter(function () {
        $(this).fadeTo(600, 1.0);
    });

    $(".header").mouseleave(function () {
        $(this).fadeTo(600, 0.3);
    });

});

在网站中，有两个标题具有相同的样式设置。一个标题的不透明度永久设置为0.6。滚动和悬停时，另一个标题的不透明度会发生变化。标题应该处于固定位置。

希望有所帮助!!!

Answer 3

我想你是在粘性页脚之后：http://css-tricks.com/snippets/css/sticky-footer/