具有动态页面高度的恒星视差背景 - 问题

时间:2017-10-23 12:07:25

标签: javascript jquery css stellar.js

我已在此处发布了一个视频屏幕抓取我的问题:http://whataprettyface.ca/datastellarissue.html

我有一个单页网站,其动态垂直高度在调用某些部分时会扩展。如果用户从投资组合部分调用照片库,则按下视差效果,显示其父容器的大部分背景。正如视频所示,通过打开投资组合图像垂直展开页面后,这只是一个问题。

无法重复背景图片,我不希望使用白色备份解决方法。我也不想为可扩展部分设置固定高度。但是,我希望保持这种视差效果。

我确实在这里找到了类似的问题,但它从未得到过真正的回答。

我正在使用Stellar.js v0.6.2并在我的网站上抛出了一个未经编辑的版本以便于查看:http://whataprettyface.ca/js/jquery.stellar.js

容器的CSS如下所示:

.contactbackground {
    position: relative;
    background-image:url(../images/index/contact_background.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 1;
}

非常感谢任何帮助!

0 个答案:

没有答案