javascript - 在页面加载时将元素 "Land"放在适当的位置

Question

当我的页面加载时，我想让我的 Logo 淡入并同时从下向上移动 20-30 像素。我有这段代码可以让它淡入，并且运行良好:

$(document).ready(function() {
  $('#logo').fadeIn(2000);
});

    #logo {
      width: 80%;
      max-width: 650px;
      padding-top: 50px;
      position: absolute;
      left: 50%;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
    }

<img id="logo" src="assets/img/mainlogo.png" style="display: none" />

但我真的需要一些帮助才能让它动起来。我读了很多关于使 JavaScript 向元素添加新类或 Id 的内容，以便该类具有不同的填充顶部或边距顶部，但我无法使其工作。

提前致谢。

Answer 1

尝试添加

("#logo").css("padding-top", "15px"); 

到您的“文档就绪”功能。

来源:http://www.w3schools.com/jquery/jquery_css.asp