我已在此处发布了一个视频屏幕抓取我的问题: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;
}
非常感谢任何帮助!