如何使用CSS相对于窗口滚动位置定位元素？

Question

我正在尝试根据以下公式在屏幕上定位元素：

element.style.top = element.pivot_y + window.scrollY;

我正在使用JavaScript与window.requestAnimationFrame进行此操作。问题是requestAnimationFrame在某些浏览器上不可用，因此我必须回退到计时器，因为与渲染缺乏同步而使我的元素摆动。这个，我可以类似地定位一个元素，而不需要调用JavaScript吗？

Answer 1

据我了解，使用position: fixed;和top: pivot_y可以轻松实现这一点，其中pivot_y必须是固定数字

Answer 2

您可以使用position: fixed;。

<强> CSS

.square {
    background: red;
    position: fixed;
    height: 100px;
    width: 100px;
    top: 30%;
}

JsFiddle