动画后将元素移回其原始位置,jQuery
Moving an element back to its original position after animation, jQuery
我正在努力让这段代码正常工作。我正在用移动一个元素
$("#element").hide("slide", { direction: "right" }, 200);
这很好,但我需要在动画完成后将其重置回动画之前的原始位置,以便下次再次制作动画。
如有任何帮助,我们将不胜感激。
var position = jQuery("#"+that.currentIconSlide).find('.slideInner').position();
jQuery("#"+that.currentIconSlide).find(".slideInner").hide("slide", { direction: "right" }, 200, function(){
jQuery(this).css({"left":position.left,"top":position.top}).parent().hide();
});
JS Fiddle-http://jsfiddle.net/zalun/E4mz9/
$("#element").animate({'left':'300','opacity':'0'}, 2000, function(){
$(this).css({'left':'0','opacity':'1'});
});
我不想使用jQuery——我会使用纯JavaScript,比如:
elem.style.position = "relative";
// animate by adjusting `left` and `top` relative to the start position
elem.style.position = "static"; // jump back to start position.
在普通JS中,事情要容易得多;)
只是在脑子里写代码,可能不会执行,但你会想到
var position = jQuery("#"+that.currentIconSlide).find('.slideInner').position();
function slide(){
var original_position = 0;
jQuery("#"+that.currentIconSlide).find(".slideInner").hide("slide", { direction: "right" }, 200, function(){
jQuery(this).css({"left":position.left,"top":position.top}).parent().hide(); //? what is this for?
jQuery(this).css("left":original_position); //set back to original left
slide(); //run again
});
}
相关文章:
- 如何在玩TimelineMax(GSAP)后重置原始位置
- 我如何获得“”的原始位置;ui“可拖动”;在“;drop”;事件
- 当向上滚动时,使Div返回到其原始位置
- 移动|克隆元素并从原始位置移除
- 滚动后,检测元素何时返回到原始位置
- jQueryUI-将draggable移回原始位置,即使在放入dropable之后也是如此
- 重定向到新页面,但记住原始位置
- 如何在拖动时使项目恢复到其原始位置
- 在鼠标退出后,JQuery 无法将某些内容返回到其原始位置
- 尼沃滑块问题,从原始位置滑落
- 单击时调整大小并返回到原始位置
- jQuery UI如果移动的距离小于一定距离,则可拖动恢复到原始位置
- 停止浮动标签重置回原始位置
- 如何在旋转时将图像保持在原始位置
- jquery animate-返回到原始位置
- 我需要将一组文件从它们的原始位置复制到一个新文件夹
- 将箭头返回原始位置
- jQuery UI-当退出可丢弃时返回到原始位置
- 动画后将元素移回其原始位置,jQuery
- 如何在不移动原始位置的情况下将html元素插入另一个元素之前