使用jQuery动画div并更改宽度

Question

我正试图在页面完全加载时将div滑入页面，之前我使用过CSS，但它根本不流畅，所以我转而使用jQuery。

这是非常顺利但我有一个小问题，我相信有经验的人可以很快解决它。

如果你查看我的输出，效果不是很无缝，似乎它在某些时候停滞不前。 因为我在改变宽度时动画div，我确信有更好的方法来做到这一点。

这是我的代码：

$(document).ready(function() {
    $("#thumbnails").animate({
        opacity: 1,
        width: "800px",
  }, {
    duration: 500,
    specialEasing: {
    width: "linear"
    }
  });
});

这是输出链接

http://jsbin.com/cuvaxuji/1

Answer 1

您是否尝试滑动div ...滑动使“#thumbnails”位置绝对并写入

  $("#thumbnails").animate({
        opacity: 1,
        left: "20px",
  }