在加载时保持屏幕底部的div，但在向下滚动的原始位置

Question

我想在加载时在屏幕的底部中间保留div，但是当用户向下滚动时，我希望div保持在其加载的原始位置（不在屏幕的底部） ）没有固定，但继续像其他内容一样向上滚动。

这个html和css会将它保留在页面的中间位置，但它会在滚动时停留在那里。我需要它停止来哈哈。

    <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的帮助下你必须将你的div值更改为position:relative;它会将div变为实际位置