jquery - 加载时将 div 保持在屏幕底部,但在向下滚动时保持在原始位置

标签 jquery html css position

我想在加载时在屏幕底部中间保留一个 div,但是当用户向下滚动时,我希望 div 保留在它加载的原始位置(不在屏幕底部) 不固定,但像其余内容一样继续向上滚动。

此 html 和 css 会将其保留在页面的底部中间,但在向下滚动时会保留在那里。我需要它停止出现,哈哈。

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

最佳答案

position: fixed 更改为 position: absolute。固定将始终保持在原位。 Absolute 会将其放置在您想要的位置,但它会随页面滚动:

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

FIDDLE

关于jquery - 加载时将 div 保持在屏幕底部,但在向下滚动时保持在原始位置,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27934750/

相关文章:

javascript - Jquery 日期时间选择器时区

html - box-shadow 覆盖我整个页面的问题

html - 如何将标题中的图像 float 在旋转木马上

html - 为什么光滑的 slider 不自适应?

javascript - 图像源路径在tinyMCE编辑器中转换为blop而不是真实路径

javascript - 在继续之前我如何等待谷歌远程调用返回我的结果

jquery - AJAX + SEO 快速提问

html - 媒体查询更改图像源不起作用

javascript - 切换关闭其他打开的 div

html - 两列布局中的粘性页脚位置