如何讓瀏覽器窗口順暢地跟隨動畫元素？

Question

在我正在編寫的應用程序中，我希望瀏覽器窗口可以順暢地跟蹤動態移動和調整大小的div。

我目前的解決方案是通過組合使用$（）。offset（）和window.scroll以固定間隔更新滾動位置以「更接近」div。

它可以工作，但它非常不穩定。我認爲這是因爲動畫和滾動不同步。

如何勾選動畫函數以在每一步執行代碼。它似乎不是手冊中列出的選項。

謝謝。

Answer 1

閃存

（開玩笑的......那種）

你正在嘗試做聽起來就像是真正推動DHTML的限制。即使你在開發機器上使用它，對於任何使用較弱計算機的用戶來說，它都會失敗（或者至少不會順利）。因此，如果您想在所有平臺上獲得一致的流暢動畫，請不要使用DHTML;請使用專爲它設計的工具（如Flash，或者Silverlight，如果您是.net用戶）。但是，如果出於某種原因，無論如何你想要轉到DHTML路線（也許你所有的用戶都有不好的屁股電腦？），你真的需要解釋你是如何做動畫的。我們無法讀懂你的思想，神奇地知道你正在使用什麼動畫庫，所以當你問「你如何鉤入動畫函數」時，你需要指定什麼是「動畫」功能。

**** ****編輯

一個評論者指出，你可能使用jQuery（因爲你的標籤的選擇）。在這種情況下，你可能想看看我今天早上偶然發現的這篇文章： http://www.smashingmagazine.com/2009/02/20/ask-sm-css-smooth-page-scrolling-divs-of-equal-height-dealing-with-ie-6/ 它專門處理平滑滾動和jQuery。

Answer 2

我想你一定知道

jQuery(document).bind('scroll', function(){ 
//animate your div 
}); 

綁定，對不對？