插針項目出現在屏幕上的位置和時間

Question

如何將項目固定到屏幕上第一次遇到它們時顯示的位置？

我有幾個元素的位置設置爲絕對。當你第一次遇到這個物品時，當你繼續在屏幕上滾動時，我希望它們固定在那個位置。

（即，在屏幕的左下角項目，並想保持滾動時遇到項目後，它固定在那裏）

我一直在使用ScrollMagic，但是當項目都寄託他們被轉移到中間。

編輯提花出來的東西使用jQuery

Answer 1

要在固定的位置與屏幕元素的舉動，你可以到以下幾點：

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

希望這有助於！

Answer 2

您有層上班，一起來看看：

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

 
.layer2{ 
 
    height: 1000px; 
 
}

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