加载时将 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。固定将始终保持在原位。 Absolute 会将它定位在您想要的位置，但它会随页面滚动：

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

Answer 2

为此你需要 jquery。

你必须 position 你的 div 到 position:fixed; 并且在 jquery event scrollTop 的帮助下你必须将你的 div 值更改为 position:relative; 它将 div 带到实际位置。

keep div on bottom of screen on load, but in original place on scrolldown