html - 用户滚动时向下滚动的图像/徽标？

Question

我不知道如何正确表达这个问题，我想在本网站的右上角创建类似徽标的内容：http ://www.afterthecircle.com/

当用户向下滚动时，徽标会随着滚动移动而移动，并且始终对用户保持可见。

有什么建议么？

score 2 · Accepted Answer

position: fixed与 top 或 bottom 以及 left 或 right 一起使用：

.logo {
    position: fixed;
    bottom: 1em;
    right: 1em;
}

score 2 · Accepted Answer

正如 brbcoding 所说，您正在寻找值固定的 CSS 属性位置。使用属性 top、bottom、left 和 right，您可以定位元素。一个例子：

CSS

.fixedElement {
    position: fixed;
    top: 100px;
    left: 100px;
}

HTML

<div class=fixedElement>Hey!</div>

score 1 · Accepted Answer

固定定位将允许您滚动并将项目保持在其原始位置。

#fixed-thing {
    position: fixed;
    top: 0;
    right: 0;
}

3 回答 3