Анимация Jquery:проблема с прослеживанием за прокруткой окна в IE

Question

Я пытаюсь сделать так, чтобы div следовал за верхушкой прокрутки окна.

В 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