【问题标题】:How can I make the browser window smoothly follow an animating element?如何使浏览器窗口平滑地跟随动画元素?
【发布时间】:2010-10-08 16:18:10
【问题描述】:

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

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

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

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

谢谢。

【问题讨论】:

  • 您可能想为此发布一些代码...

标签: jquery animation


【解决方案1】:

闪光

(开个玩笑……有点)

您正在尝试做的事情听起来像是真的在推动 DHTML 的极限。即使您确实让它在您的开发机器上运行,对于任何使用较弱计算机的用户来说,它都会失败(或者至少不会顺利)。因此,如果您想在所有平台上获得一致流畅的动画跟随,请不要使用 DHTML;改用专为它设计的工具(如 Flash,或者如果您是 .net 用户,则可以使用 Silverlight)。

但是,如果出于某种原因你还是想走 DHTML 路线(也许你所有的用户都有糟糕的 PC?),你真的需要解释你是如何制作动画的。我们无法读懂你的想法并神奇地知道你正在使用什么动画库,所以当你问“你如何挂钩到 animate 函数”时,你需要指定“那个”animate 函数实际上是什么。

****编辑****

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

【讨论】:

  • 根据标签,好像是jQuery?
【解决方案2】:

我猜你知道

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

绑定,对吗?

【讨论】:

    猜你喜欢
    • 2018-05-13
    • 1970-01-01
    • 2011-06-21
    • 2013-11-22
    • 1970-01-01
    • 2020-12-31
    • 2014-03-27
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多