javascript - 使用javascript设置 "advanced"css类值？

Question

我已经尝试让它工作一段时间了，但没有成功。要么我设法破坏整个页面，要么它根本没有做任何事情。

脚本:

$(document).ready(function(){
    var height = $(window).innerHeight();
    $('a[id="st2"]:target~#scrollbg article.panel').css('-webkit-transform','translateY(-'height'px)');

});

尝试更改此 css 类的值:

a[id="st2"]:target~#scrollbg article.panel {
    -webkit-transform: translateY(-955px);
    transform: translateY(-955px);
}   

(-955 值来 self 手动输入的值，以便它在我的浏览器/屏幕分辨率中工作。)

现在我很清楚我可以放弃整个 css 动画并在 javaScript 中完成所有操作，但我仍然认为我应该先尝试寻求帮助。

干杯，

/窒息

Answer 1

'translateY(-'height'px)');

应该是

'translateY(-'+height+'px)');

注意+。否则，它最终会成为语法错误。