Question

即时寻找滚动页面效果，我在此处找到了它：http://alterego.ae/

我真的很喜欢那个图像慢下来效果然后内容（白色背景），但我不想使用javascript（我甚至不知道如何！）这样做。

我想要相同的效果，而不使用javascript来做到这一点。

我是如何实现的？

HTML

    <div style="background-image: url(../img/bg1.png); position: 50% 10px>
    <div class="container">content (example: about us)</div>
</div>



    <div style="background-image: url(../img/bg1.png); position: 50% 10px>
    <div class="container">content (example: about us)</div>
</div>

Answer 1

不幸的是，如果没有一点Javascript，你真的无法实现这种类型的滚动（称为视差）。但是，互联网上的其他人也亲切地编写了插件，让您可以更轻松地实现视差滚动。你仍然需要使用少量的JS来完成这项工作，但远远不及自己编写方法。

我建议：https://github.com/Prinzhorn/skrollr（我之前没有个人联系，只是之前看过它并且喜欢它！），它很容易实现。

很抱歉，这可能不是您正在寻找的答案，但视差滚动需要使用Javascript。

滚动内容和慢速背景滚动

1 个答案: