怎么用jQuery为translate设置动态参数？附解答

版权声明：进击的葱 https://blog.csdn.net/qlwangcong518/article/details/86618386

问题：

用jQuery为translate设置动态参数

我想在点击按钮时让元素的translate值在Y周增加一个屏幕高度，但是设置的变量放进去点击按钮就没有效果了，小白，不知道为啥 求大神解答下，代码如下

【#btn1是按钮；#main_nei是要移动的容器】
【自己已经测试将'+Height+'改为具体px值的时候效果正常】
var contentHeight=$(window).height();
var Height=contentHeight+'px';

$('#btn1').click(function(){
$('#main_nei').css("transform","translate(0px,'+Height+')")
})

——————————————————————————————————————————————

解答：

设置值那里应是双引号

$('#main_nei').css("transform","translate(0px,"+Height+")");