我想将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

试试这个

 top: "-50px"

而不是

 top: (-50px)

Answer 2

使用-50代替-50 px

＆＃13;

＆＃13;

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

＆＃13;

body {
  padding: 100px 0;
}

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

Answer 3

尝试将字符串"-50px"替换为(-50px)

Answer 4

你错过了把它放在引号中.. 尝试

top: "-50px",