jQuery中动画动画的第二次点击没有响应。

jQuery中动画动画的第二次点击没有响应。
当使用动画单击页面动画时,会发现第二个单击事件动画没有响应,第一个单击具有动画效果,代码如下所示:

复制代码代码如下所示:

$(页),停止()。动画({ }:随着改变,800,'easeinoutexpo);
二单击事件动画没有回应:顶部是一个网页元素的父元素在顶部的距离,顶部第一次点击,页面已经移动到顶部的元素在随着改变位置的顶部从父元素,二点击当页不在移动位置后继续移动随着改变,但目前的位置,根据他的父亲,前元-300px.it显然已第一时间移动到顶部:随着改变位置,第二顶:随着改变移动距离是0,所以它不会回应。

uff1a解

复制代码代码如下所示:

$(页),停止()。动画({:- = 300px },800,'easeinoutexpo);
上图:- = 300px,这第二点击继续-第一次点击后的位置300px。

如果动画移动距离是可变的,则不能使用变量名来写之前:
函数向下(){
无功page_h = $(页),Height(); / / 687
无功page_top = parseInt($(页),Css(顶)); / / 0
无功动= wrap_top + page_h;
$(页),停止()。动画({ }:移动,800,'easeinoutexpo);
};
无功page_h = $(页),Height();获取页面的高度和page_h分配的价值,价值就是价值;

无功page_top = parseInt($(。页)),Css(顶));获得距离从当前页面顶部的父元素上并将它分配给page_top,(parseInt:消除PX)。

无功动= wrap_top + page_h;计算移动距离;
通过这种方式,每个动画将恢复当前页面顶部和其父顶部之间的距离。

注意:Height()的值不是PX单位,而$(。)Css(top)的值是PX单元。parseInt需要删除单元像素的像素为单位计算。

以上是本文的全部内容,希望大家能喜欢。

tag:动画响应电脑软件jquery

相关内容