如何在translate3d css中編寫javascript值

Question

我想寫我的JavaScript值來翻譯CSS類，但是它不能按我的要求工作。 誰能告訴我為什么？

var contentHeight = $('#mainContentHeight')[0].scrollHeight;
$('#menu').css({
  transform: "translateY(' + contentHeight + 'px)"
})

Answer 1

問題是因為您的報價不匹配； "作為外部定界符，並在連接變量'周圍加上' 。請嘗試以下操作：

var contentHeight = $('#mainContentHeight')[0].scrollHeight;
$('#menu').css({
  transform: 'translateY(' + contentHeight + 'px)'
})