javascript - 有什么方法可以加快根据滚动调整的元素的放置速度？

Question

我有一个位于左上角的元素。它是打印管理器的一部分，上面有一些用户界面。这是我用来确保它位于滚动的同一位置的代码。

var printManagerElement = document.getElementById("printManager");
var windowReference = $(window);
window.onscroll = function () {
  printManagerElement.style.top = windowReference.scrollTop() + "px";
};

当滚动速度较慢时，不会出现撕裂现象。但是，如果我尽可能快地滚动鼠标滚轮一次，或者捕获滚动条并快速移动它，那么我会注意到一瞬间的撕裂。

撕裂可以预防吗？有什么办法可以加快这段代码的速度吗？或者这个方法的替代方法？

编辑

div 的样式如下所示

padding:2px;
margin:2px;
border: 1px solid blue; 
background-color:white;
position:absolute;
top:0px;
left:0px;
z-index:10;

Answer 1

您所需要的只是 CSS。

position:fixed; top:0; left:0;