Question

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

我一直对此代码不屑一顾。有人可以详细向我解释/破坏吗。

Answer 1

这就是我理解此代码的方式：

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

$slider是DOM Element，您可以使用javascript在其上应用CSS。

$height是一个变量，其中包含一些代表高度值的数字值。

$counter是一个包含数字值的变量。顾名思义，它是一个计数器值。

整个代码将Transform css属性应用于$slider变量引用的DOM元素。

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

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

Answer 2

它将样式应用于变量滑块中的元素。样式为变换CSS属性，其值为变换Y，值是通过将可变高度和可变计数器相乘得到负数

$ slider.css（{'transform'：'translateY（'+（-$ height * $ counter）+'px）'}）

2 个答案: