我一直在玩JQuery,有几个问题。

页面完全加载后,我想从屏幕外将元素动画化为其位置。

我有自己喜欢的效果,但我觉得我是从错误的角度来对待它的。我使用CSS将元素放置在页面外,并使用Jquery将其移动到正确的位置。这正常吗?

这是我的示例:

jQuery查询

$(document).ready(function() {
  $( "#box" ).animate({
    top: "62px",
  }, 1000, function() {
    // Animation complete.
  });
});


的CSS

#box {
  width: 100%;
  height: 62px;
  background-color: black;
  position: absolute;
  margin-top: -62px;
}


http://codepen.io/Legym/pen/vEbJqG/

最佳答案

您可以将框样式设置为显示:无;


#box {
  width: 100%;
  height: 62px;
  background-color: black;
  display:none;
}


然后显示

$(document).ready(function() {
  $( "#box" ).show('slow');
  });

关于javascript - 使用JQuery设置动画元素,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/29247010/

10-12 12:25
查看更多