CSS将元素保持在屏幕上的"固定"位置

Question

我正在寻找使用CSS在浏览器屏幕上创建"固定"HTML对象的技巧.我希望它始终保持在相同的位置,即使用户滚动文档也是如此.我不确定这个词的正确用语是什么.

这就像Facebook上的聊天按钮或整个页面中跟随您的一些网站上的反馈按钮.

在我的情况下,我想在屏幕的绝对右下角始终保持div.示例CSS赞赏.

Answer 1

你可能正在寻找position: fixed.

适用于IE6和许多移动设备以外的所有地方.

Answer 2

最简单的方法是使用position: fixed:

.element {
  position: fixed;
  bottom: 0;
  right: 0;
}

(注意固定的位置是错误的/在ios和android浏览器上不起作用)

Answer 3

确保你的内容保存在div中,Say divfix.

<div id="divfix">Your Code goes here</div>

Css:

#divfix {
       bottom: 0;
       right: 0;
       position: fixed;
       z-index: 3000;
        }

希望,它会帮助你..

Answer 4

position: sticky;

当您到达其滚动位置时，粘性元素将停留在页面顶部（顶部：0）。