Question

var containerHeight = $(".item").height();

    $(".word-game .nWord").css({
        "-webkit-transform" : "translate(0, " + containerHeight + ")"
    });

这是我的代码，但它不起作用。我真的很累。

Answer 1

只需将px或%添加到当前函数，因为translate不知道如何处理普通整数。

var containerHeight = $(".item").height();

$(".word-game .nWord").css({
    "transform" : "translate(0,"+containerHeight+"px)"
});

http://jsfiddle.net/nuuLjhL0/

Answer 2

试试这个：

$(document).ready(function(){
var containerHeight = $(".item").height();
   $(".word-game .nWord").css({
     "-webkit-transform":"translate(0px,"+containerHeight+"px)"
    });
});

Answer 3

确保它适用于所有浏览器：）

            "-webkit-transform": "translate(0,"+containerHeight+"px)",
            "-moz-transform": "translate(0,"+containerHeight+"px)",
            "-ms-transform":"translate(0,"+containerHeight+"px)",
            "-o-transform":"translate(0,"+containerHeight+"px)",
            "transform": "translate(0,"+containerHeight+"px)"

jQuery css3属性不起作用

3 个答案: