起始位置在MooTools滑塊類的底部而不是頂部

Question

有沒有一種方法可以掛接到MooTools Slider類，所以旋鈕的起始位置在工具條的底部（步驟0），然后向上拖動旋鈕以到達工具條的頂部（步驟100）。

這是我到目前為止的內容：

var slider1 = new Slider('#bar', '#knob', {
    offset: 6,
    steps: 100,
    mode: 'vertical'
});

而我需要的是：

slider1.startingPosition = 'bottom';

或有什么影響。

Answer 1

由於將steps定義為100，因此最大值為100，這是您要設置為initialStep （滑塊起點）的值。

對於您的特定CSS，我會刪除（或在其他地方添加）滑塊元素的邊距，因此它不會移動滑塊。

這為我工作：

var slider = $('bar');

var slider1 = new Slider(slider, slider.getElement('.knob'), {
    offset: 6,
    steps: 100,
    initialStep: 100,
    mode: 'vertical',
    onChange: function (step) {
        console.log(step);
    }
});

並將此處的邊距頂部也更改為0px： margin: 0px 0 0 -7px;

小提琴