如何解决jQuery动画以计算像素距离
| 我正在使用JQuery为面板系统菜单设置动画。问题是有5个面板,我无法将面板左侧设置为:属性,因为它需要根据其当前位置进行计算。我的脚本应该解释。$(\'.panel\').animate({left: \'-250\'},300);
这样就很好了,因为在第一次单击时,它将第一面板滑出视图,而第二面板滑入视图。在第二个面板中单击时,它不会滑动到第三个面板,因为它告诉所有面板.panel移至“ 1”。我希望它算出当前剩下的是什么?是.panel的,然后再加上2来进行动画。
这样,如果ѭ3panel在第一个面板上,然后单击,我们将转到left:-250
。在第二个面板上单击时,将添加-250 + -250
并为-500
等设置动画。等等。
有任何想法吗?解决方法
您需要使用offset或offset parent来获取位置。
http://api.jquery.com/offset/
http://api.jquery.com/offsetParent/
像这样的东西; (未测试)
var offset = $(\'.panel\').offset();
alert(offset.left);
alert(offset.top)
var newpos = [offset.left - 250]
$(\'.panel\').animate({left: newpos},300);
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。