JQuery Animation: مشكلة في متابعة التمرير النافذة في IE

Question

أحاول أن أجعل div اتبع نافذة scrolltop.

في FF تبدو جيدة ولكن في IE (6،7) يقفز الرسوم المتحركة ويسبب النافذة انتقل إلى القفز.

لقد حاولت التخفيف ولكنها لم تنجح.

رمز بلدي:

        <div style="float:left;width:500px;height:4000px; background-color:Blue;">
        <br/>           
    </div>
    <div id="Div1" style="position:relative; float:left; height:4000px; width:300px;">
        <div id="sidePanel" style="position:absolute; top:0px; left:0px;width:200px; height:200px;  border:solid 1px black;">
            SIDE PANEL<br/><br/>
        <div id="info"></div>
            <br />
            <button id="showCurrTop" onclick="alert($(window).scrollTop());">$(window).scrollTop()</button>
        </div>
    </div>

        $(document).ready(function(){

             $(window).scroll(function () { 
                    var scrollTop = $(window).scrollTop();

                    $("#sidePanel").stop(false,false);
                    $("#sidePanel").animate({"top": scrollTop + 200}, 1000);

                    $("#info").html(scrollTop);

                });
          });

Answer 1

وجدت الحل: العائمة div.