0

左上隅にある要素があります。これは印刷マネージャーの一部であり、いくつかの UI があります。これは、スクロールの同じ場所に確実に収まるようにするために使用しているコードです。

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;
4

2 に答える 2

2

ここで必要なのは CSS だけです。

position:fixed; top:0; left:0;
于 2012-12-01T07:45:19.347 に答える
1

代わりにCSSを使用する必要があると思います。CSS ファイルでは、次のように使用します。

#printManager {
    position: fixed;
    top: 10px;
    left: 10px;
}

これにより、印刷マネージャーが上から 10 ピクセル、ブラウザー ウィンドウの左上隅の左から 10 ピクセルに配置されます。

于 2012-12-01T07:44:16.397 に答える