javascript - 我想将 CSS 值更改为负数但是当我这样做时 jquery 停止工作

Question

这是我当前的代码:

$(document).ready(function() {
    $("h1").delay(1000).animate({
        top: (0 px),
        opacity: 1,
    }, 700, function() {});
});

我想改成这样:

$(document).ready(function() {
    $("h1").delay(1000).animate({
        top: (-50 px),
        opacity: 1,
    }, 700, function() {});
});

但是当我这样做时，jquery 停止工作。

有什么想法吗？

Answer 1

使用 -50 而不是 -50 px

$(document).ready(function() {
  $("h1").delay(1000).animate({
    top: -50,
    opacity: 1,
  }, 700, function() {});
});

body {
  padding: 100px 0;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<h1 style="position:relative;opacity:0">dghdghfdhf</h1>