库 parallax.js

Question

您好，我正在使用以下库：http://pixelcog.github.io/parallax.js/，但我遇到了问题。

我依附于我的形象以及我希望它看起来如何

Image with problems

我的代码是：

HTML：

<div class="parallax-window" data-parallax="scroll" data-image-src="<?php echo get_template_directory_uri();?>/recursos/imagenes/parallax-home.jpg"></div>

CSS

.parallax-window {
    min-height: 400px;
    background: transparent;
}

谢谢

Answer 1

更新你的 css 以获得一个宽度值，例如：

.parallax-window {
    min-height: 400px;
    background: transparent;
    width: 100%;
}

如果不行，试试在css中设置定位，如：

.parallax-window {
    min-height: 400px;
    background: transparent;
    width: 100%;
    position: absolute;
    left: 0;
}