Question

我有一个包含现有主题和内容的Wordpress网站。在一个页面中，我有一个带有视频背景和前景文本的div。我想通过一些jQuery代码添加视差效果。如果需要，我可以使用Id或类。有人可以通过参考代码或相关教程来建议吗？

Answer 1

这可以在w3schools.com上找到

<style>
.parallax { 
    /* The image used */
    background-image: url("img_parallax.jpg");

    /* Set a specific height */
    height: 500px; 

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
</style>

<!-- Container element -->
<div class="parallax"></div>

Answer 2

这个网站是你的答案： http://scrollmagic.io/examples/advanced/parallax_sections.html

尝试检查他们的示例并在您的网站中实施它们。确保正确使用相关的ID和类。

将视差效果添加到Wordpress页面

2 个答案: