【问题标题】:jQuery Animate icon to center, plus x pixelsjQuery Animate 图标居中,加上 x 像素
【发布时间】:2017-02-13 19:34:23
【问题描述】:

我试图让 3 个图标动画到 div 的中心。我遇到的问题是它们都动画到中心并最终彼此重叠。我希望它们都分开大约 30 像素。到目前为止,这是我所拥有的:

$(function(){
    $("#instagram").delay('1000').animate({right: $(window).width() / 2}, 200);
    $("#twitter").delay('1000').animate({right: $(window).width() / 2}, 150);
    $("#facebook").delay('1000').animate({right: $(window).width() / 2}, 100);
   });

添加“+=30px”或“-=30px”似乎应该很容易,但我似乎无法让它工作。

【问题讨论】:

    标签: jquery icons jquery-animate


    【解决方案1】:

    知道了。对我来说,它放错了位置()。他们需要附上数学,而不是位置,在这种情况下,“正确”。工作代码如下。

    $(function(){
        $("#instagram").delay('1000').animate({right: ($(window).width() / 2) -30}, 200);
        $("#twitter").delay('1000').animate({right: $(window).width() / 2}, 150);
        $("#facebook").delay('1000').animate({right: ($(window).width() / 2) +30}, 100);
       });
    

    【讨论】:

      猜你喜欢
      • 2012-07-30
      • 1970-01-01
      • 2023-03-30
      • 2012-09-04
      • 2014-02-26
      • 1970-01-01
      • 1970-01-01
      • 2014-08-24
      • 2011-08-17
      相关资源
      最近更新 更多