Pin Items Where＆amp;当它们出现在屏幕上时

Question

如何将项目固定到屏幕上第一次遇到它们时出现的位置？

我有一些将其位置设置为绝对的元素。在您第一次遇到该项目后，我希望它们在您继续在屏幕上滚动时固定到该位置。

（即屏幕左下角的项目，并希望在遇到项目后滚动时将其固定在那里）

我一直在使用ScrollMagic，但当项目被固定时，它们会转移到中间位置。

编辑使用jQuery

计算出一些东西

Answer 1

要使元素在屏幕上移动到固定位置，您可以执行以下操作：

yourElement{
    position: fixed;
    top: 300px;
    left: 400px;
}

希望这有帮助！

Answer 2

你必须使用图层，看看：

＆＃13;

＆＃13;

.layer1{
  position: fixed;
  z-index: 1000;
  bottom: 10px;
  left: 10px;
  background-color: red;
  height: 30px;
  width: 30px;
}

.layer2{
  height: 1000px;
}

＆＃13;

<div class="layer1"></div>
<div class="layer2">
Normal content
</div>

＆＃13;

＆＃13;

＆＃13;