如何使浏览器窗口顺利地跟随动画元素?

时间:2009-02-19 19:09:46

标签: jquery animation

在我写的应用程序中,我想让浏览器窗口平滑地跟踪动画移动和调整大小的div。

我目前的解决方案是通过组合使用$()。offset()和window.scroll来定期更新滚动位置以“更接近”div。

它有效,但它非常不稳定。我认为这是因为动画和滚动不同步。

如何挂钩动画函数以在每一步执行代码。它似乎不是手册中列出的选项。

感谢。

2 个答案:

答案 0 :(得分:1)

闪存

(开个玩笑......)

你想要做的事情听起来真的是在推动DHTML的极限。即使您确实在开发计算机上运行它,对于计算机较弱的用户来说,它也会失败(或者至少不会顺利)。因此,如果您想在所有平台上获得一致的平滑动画跟踪,请不要使用DHTML;使用专为它设计的工具(如Flash,或者如果你是.net人,可能是Silverlight)。

但是,如果由于某种原因你想要去DHTML路线(也许你的所有用户都有坏人的PC?),你真的需要解释你是如何做动画的。我们无法读懂你的想法,并且神奇地知道你正在使用什么样的动画库,所以当你问“如何挂进动画函数”时,你需要指定“动画函数”实际上是什么。

**** **** EDIT

一位评论者指出你可能正在使用jQuery(因为你的标签选择)。在这种情况下,你可能想看看我今天早上偶然发现的这篇文章: http://www.smashingmagazine.com/2009/02/20/ask-sm-css-smooth-page-scrolling-divs-of-equal-height-dealing-with-ie-6/ 它专门处理平滑滚动和jQuery。

答案 1 :(得分:0)

我想你知道

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

绑定,对吧?