我正在寻找一种在运行 jquery 动画时跟踪 css 属性的方法。
例如:
我有一个将滑入页面的 div。动画完成后,一切看起来都很好,但是在动画中,div 低了几个像素,我想看看这是导致哪个 css 属性。但是动画太快了,在调试器中看不到任何东西。
有没有办法在动画运行时监视其中一个浏览器调试器中的 css 属性?
我正在寻找一种在运行 jquery 动画时跟踪 css 属性的方法。
例如:
我有一个将滑入页面的 div。动画完成后,一切看起来都很好,但是在动画中,div 低了几个像素,我想看看这是导致哪个 css 属性。但是动画太快了,在调试器中看不到任何东西。
有没有办法在动画运行时监视其中一个浏览器调试器中的 css 属性?
您可以step:
为 jQuery 动画使用回调选项。它会在设置之前向您发送即将设置的确切属性,然后您可以对其执行 console.log() 以分析发生了什么。
有关步骤回调的更多信息,请参阅jQueryanimate()
文档。
您是否尝试过使用 mozilla 开发人员网络“监控 DOM 更改”?看看这个链接..
放慢动画速度,以便您可以查看检查器中的数字。
.animate({left:"+=250"},20000)