html - ユーザーがスクロールすると下にスクロールする画像/ロゴ?

Question

この質問を正しく表現する方法がわかりません。この Web サイトの右上隅にあるロゴのようなものを作成したいと思います: http://www.afterthecircle.com/

ユーザーが下にスクロールすると、ロゴはスクロールの動きに合わせて移動し、常にユーザーに表示されたままになります。

助言がありますか？

Answer 1

brbcoding が言ったように、値が固定された CSS プロパティの位置を探しています。プロパティ top、bottom、left、および right を使用して、要素を配置できます。例：

CSS

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

HTML

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

Answer 2

固定位置を使用すると、アイテムをスクロールして元の位置に保つことができます。

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

デモ