Javascript 创建一个'；在地毯下'；视差页脚？

我对在这个网站上提问是非常陌生的，但是从阅读中我学到了很多，所以非常感谢

这是一个随机的例子，在这只脚上看到了令人敬畏的“地毯下”风格的视差效果——并寻找一些关于如何将其放大的指针

---

非常感谢任何帮助

很简单！使页脚定位为绝对页脚，且z索引低于主内容。然后将其放入刚刚创建的div的css中： 位置：固定。 另外，不要忘记将content div的high部分缩短一点，这样就可以看到页脚了

祝你好运

太模糊了？只要问，我就会回答

[编辑]：

例如，我将使用一个简单的

HTML

页面，该页面将包含两个

div

。第一个是

#content

容器，第二个是

#footer

<div id="content">
</div>
<div id="footer">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras sagittis congue malesuada. Donec a eros ac risus facilisis pellentesque sit amet feugiat orci. Ut adipiscing, arcu sit amet facilisis condimentum, diam arcu tempus erat, at sagittis libero felis quis nisl. Interdum et malesuada fames ac ante ipsum primis in faucibus. Etiam dignissim eros nisi, ut vehicula nulla dictum vel. Aenean quis felis libero. Aliquam vulputate sem eros, sed vehicula sem tincidunt vel.</p>
 </div>

小心将

页边距底部

属性设置为等于页脚高度。否则，您将无法看到

#页脚

div

页脚的

css

是：

   #footer {
    position:fixed;
    bottom:0;
    left:0;
    width:100%;
    height:200px;
    z-index:-1;
    background-color:#000;
       }    

请注意，

位置

设置为

固定

。这将使

#页脚

相对于窗口而不是文档定位。我还设置了

z-index:-1

。我这样做是为了

#页脚

将位于

#内容

下。如果删除此属性，您将注意到

#页脚

将始终覆盖

#内容

，并且视差效果将丢失

---

是啊！仅此而已。

如果页脚没有固定高度，则可以使用（jQuery）：

使用前面给出的CSS：

.content {
    /*margin being given from jQuery*/
}
.footer {
    position: fixed;
    bottom: 0px;
    left: 0px;
    z-index: -1;
}

---

别担心，成为一名新人并不过分！你做到了吗？对于那些不熟悉CSS的人来说，一个代码示例会很好。这里有一个关于视差页眉和页脚的编码教程：@mjsa我将处理它，并尽快发布一个示例。不要太快，你，因为我夹在工作和大学之间。。。

var footerParaHeight = $(".footer").height();
$(".content").css("margin-bottom",footerParaHeight);

.content {
    /*margin being given from jQuery*/
}
.footer {
    position: fixed;
    bottom: 0px;
    left: 0px;
    z-index: -1;
}