我正在尝试创建一个垂直滚动的单页网站。我的设计是基于图像的,它需要对我的成绩具有移动响应能力。
我遇到的问题是背景图像。我可以向后拉伸以仅使用主体,但是我需要它在不同的 div 中工作,而不仅仅是在容器的整个高度上显示一个图像。
我对 jquery 没有那么有经验。这绝对是我的主要问题:(
任何建议将不胜感激。这是我到目前为止所拥有的。
<div id="container">
<div id="one">
<script>
$("#one").backstretch("img/banner1.jpg")
</script>
</div>
<div id="two">
</div>
<div id="three">
<script>
$("#three").backstretch("img/banner2.jpg")
</script>
</div>
这会将图像应用于 div,但是它根本不再缩放图像,而是以 y 轴为中心,它只是隐藏了图像的一部分。