jquery - JqueryのスティッキーdivはIEでジッターです

Question

ページに3つのDIV要素があり、垂直方向にスクロールするときにページの上部に「固定」する必要があります。これらの要素は、IEファミリを除くすべてのブラウザで正常に機能しています。粘着性のあるアニメーションが目立つように見え、非常にぎくしゃくしています。

divスティッキー要素を作成するための次のJavaScriptがあります。

var name = "#webcto_menu";
var name2 = "#webcto_pane";
var name3 = "#webcto_pane_menu";
$(document).ready(function() {
    menuYloc = parseInt($(name).css("top").substring(0,$(name).css("top").indexOf("px")))
    $(window).scroll(function () {
        offset = menuYloc+$(document).scrollTop()+"px";
        $(name).animate({top:offset},{duration:0,queue:false});
    });
    menuYloc2 = parseInt($(name2).css("top").substring(0,$(name2).css("top").indexOf("px")))
    $(window).scroll(function () {
        offset = menuYloc2+$(document).scrollTop()+"px";
        $(name2).animate({top:offset},{duration:0,queue:false});
    });
    menuYloc3 = parseInt($(name3).css("top").substring(0,$(name3).css("top").indexOf("px")))
    $(window).scroll(function () {
        offset = menuYloc3+$(document).scrollTop()+"px";
        $(name3).animate({top:offset},{duration:0,queue:false});
    });
});

ご覧のとおり、各スティッキーは0ms（期間：0）でアニメーション化されています。このメソッドを使用して、スクロールバックをアニメーション化せずに「css：fixed」要素のように動作させることは可能ですか？最初は要素を修正しましたが、ブラウザウィンドウが狭すぎると問題が発生しました（固定要素では水平スクロールがありませんでした）。