頁面加載時滾動邊欄位置

Question

如何讓我的滾動邊欄在文檔準備就緒上設置其正確位置沒有動畫？請記住，我想保留頁面加載後的一般滾動動畫。

我用.scroll（）在加載時觸發滾動，但在頁面中途顯示時看起來馬虎，而您在等待邊欄追上。

http://jsfiddle.net/b4MaJ/1/

w.scroll(function() { 
    if (w.scrollTop() > offset.top) { 
     sidebar.stop().animate({ 
      marginTop: w.scrollTop() - offset.top + 45 
     }, function() { 
      distance = (footer.offset().top - footer.outerHeight()) - sidebar.offset().top; 
      if (distance <= 50) { 
       sidebar.stop().animate({ 
        opacity: 0 
       }, 250); 
      } else { 
       sidebar.stop().animate({ 
        opacity: 1 
       }, 250); 
      } 
     }); 
    } else { 
     sidebar.stop().animate({ 
      marginTop: 0 
     }); 
    } 
}).scroll(); 

Answer 1

使用position:fixed;在.customerOrder

Answer 2

DEMO

.customerOrder { 
    background: red; 
    position:fixed; 
    top:30px; 
    right:5px; 
} 

刪除jQuery的