css - 获得粘性效果的最佳方法 (artsy.net)

Question

我对高级 CSS 很陌生，目前正在我的个人网站上工作。我想在首页上有一张大图，然后当您滚动它时，它会被页面的其余部分覆盖（请参阅：http ://artsy.net/ ）我对此很陌生，我会想现在实现这种效果的最佳方法是什么......我知道有一些插件可以实现这一点（http://davist11.github.io/jQuery-Stickem/）但我不确定这是最好的方法做。

谢谢乔

Answer 1

试试这个 css 的图像：

position: fixed;
top: 0;
left: 0;

然后对于页面的其余部分使用包装器 div：

margin-top:300px;
background:#FFF;

这应该解决“粘性”问题，并让页面的其余部分滚动图像。您可以根据需要将其分配给图像或整个 div。