держите div на нижней части экрана при загрузке, но в исходном месте на scrolldown

Question

Я бы хотел оставить div в нижней части экрана при загрузке, но когда пользователь прокрутится вниз, я бы хотел, чтобы div остался в исходном месте, где он загружен (нет в нижней части экрана), не фиксирован, но продолжайте прокручивать вверх, как и остальная часть содержимого.

Этот html и css сохранят его в нижней части страницы, но он останется там на scrolldown. Мне нужно, чтобы он прекратил идти по lol.

<div id="homeSliderBTN" style="z-index:99;position: fixed;bottom: 0px;left:40%;"> 
     <img src="images/register.png" > 
    </div> 

Answer 1

Изменение position: fixed в position: absolute. Исправлено будет держать его на месте в любое время. Абсолютное поместит его там, где вы хотите, но он будет прокручиваться со страницей:

<div id="homeSliderBTN" style="z-index:99;position:absolute;bottom: 0px;left:40%;"> 
    <img src="images/register.png" > 
</div> 

FIDDLE

Answer 2

Вам нужно jquery для этого.

Вы должны position вашего DIV в position:fixed; и с помощью jquery event scrollTop вы должны изменить значение Див к position:relative; будет считать, что дела до фактического положения.