jquery動畫：在IE中跟隨窗口滾動的問題

我想使窗口scrollTop的div。jquery動畫：在IE中跟隨窗口滾動的問題

在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); 

       }); 
      });

來源

2010-03-08 SirMoreno

如果我理解你的權利，你希望在頁面滾動移動一個div。如果是這樣，爲什麼不簡單地使用CSS'position：fixed'？ – 2010-03-08 10:22:39

我想讓它像http://kitchen.net-perspective.com/sf-example-1.html（它也在IE上跳轉）製作動畫 – SirMoreno 2010-03-08 10:26:04

找到了解決辦法：Floating Div

來源

2010-03-08 12:37:18 SirMoreno

即使您鏈接的網站將（可能）留在在未來的幾年中，爲了解讀堆棧溢出的好處，您最好能夠解釋一下您發現的內容。如果鏈接曾經有過_does_中斷，這些信息仍然會有幫助。 – 2011-02-09 15:25:52

jquery動畫：在IE中跟隨窗口滾動的問題

回答

相關問題