设置一个；“高级”；css类值与javascript？

我已经试着让它工作了一段时间，但没有结果。要么我设法翻开了整页，要么它什么也没做

脚本：

$(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值来自我手动输入的值，以便它在我的浏览器/屏幕分辨率中工作。）

现在我很清楚，我可以放弃整个css动画，用javaScript做所有事情，但我仍然认为我应该先寻求帮助

干杯

/窒息

应该是

'translateY（-'+height+'px'）

请注意+。否则，它将成为一个语法错误

应该是

'translateY（-'+height+'px'）

请注意+。否则，它就变成了语法错误。
应该是
a[id=“st2”]
不是：
a#st2
？@nico
#st2
就足够了。@FabrizioCalderan当然是正确的。谢谢你确认这一点，我想更改它，但在修复“真实”时就让它去吧问题以减少代码中可能出现的错误量。不应该是：
a[id=“st2”]
？@nico
#st2
就足够了。@Fabriziocarderan这当然是正确的。感谢您确认这一点，我想更改它，但在修复“真实”时就让它去吧问题，以减少代码中可能出现的错误。是的，就是这样！谢谢你，伙计。@Chokladio-不用担心。是的，就是这样！谢谢你，伙计。@Chokladio-不用担心。
'translateY(-'height'px)');