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

Question

问题：

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

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

现在有：

有必要如下：

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

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

Answer 3

我认为您正在尝试做类似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。滚动和悬停时，另一个标题的不透明度正在发生变化。并且标题应该在固定位置。

希望有帮助！！！