Javascript $slider.css（{'；transform'；：'；translateY（'；+；（$height*$counter）+；'；px）&#

我一直在破解这个密码。有人能详细解释/打断我吗。

它对变量滑块中的元素的应用样式。样式为transform css property，其值是translate Y，用变量高度和变量计数器的负数相乘计算得出的

这就是我对代码的理解：

$slider.css({
    'transform' : 'translateY(' + (-$height * $counter) + 'px)'
})   

$slider

是一个使用javascript应用css的工具

$height

是一个变量，其中包含一些表示高度值的数值

$counter

是一个包含数值的变量。根据它的名称，它是一个计数器值

整个代码将css属性应用于

$slider

变量引用的DOM元素

如果我们将这些变量替换为它们的值，我们将：

$slider.css({
    'transform' : 'translateY(' + (-$height * $counter) + 'px)'
})

var $height = 5
var $counter = 3
var $slider = $(".slider")
$slider.css({
     'transform' : 'translateY('+ (-$height*$counter)+ 'px') //equals to 'transform' : 'translateY('+ (-5*3)+ 'px')
})