Jquery 在半页中自动调整背景图像大小

我试图复制一个类似于的设计，所以基本上是将一个页面一分为二，在一个半div上，以一个图像作为背景，填充这一半，在另一半上填充一些文本

我试着使用我可以在浏览器中看到的css，将其与bootsrap混合使用。所有这些都是Drupal视图，但这是一个非常令人恼火的信息。 我所做的是：

<div class="container">
  <div class="row" style="height: auto;" >
    <div class="col-sm-6" style="background-image: url('[field_image]');background-attachment: fixed; background-position: 0% 50%;  background-repeat: no-repeat;width: 50%; height: 100%; background-size: 50% auto"></div>
    <div class="col-sm-6 txt" ><p>[body]</p> </div>
  </div>
</div>

[正文]

但它的行为与我所指的页面不同。 我认为这与身高有某种联系：100%的世界排名

另一个问题是：如果我在两个图像中间滚动，就像在那个页面上那样，我怎么能使页面只集中在一个部分上？

---

关于。

如果查看源代码，看起来每个“行”都使用

的

rel

属性将内容划分为多个部分，通过使用固定高度的内联样式，他们只需将每个部分的高度划分为

750px

，并使用一些JavaScript操作滚动事件/聚焦内容。我知道这不能回答问题，但也许它能帮助你。他们可能使用当前滚动位置，并将其与

rel

属性或其他东西进行比较，然后计算高度差并使用该值滚动。@MarkC。谢谢马克，非常感谢你的帮助。我看到了rel，但我也看到它是在第一个滚动之后内联的，所以我怀疑它是某个jQuery脚本，可以自动完成这个任务。并且节的内联高度会随着窗口的大小而调整，如果您尝试灵活地查看页面，您可以看到行的高度也会发生变化。请查看库。我想知道你是否可以开始使用它。@MarkC。非常感谢！我真的需要它，即使是为了另一个项目。搜索javascript和滚动。