Question

是否有办法挂钩MooTools Slider类，因此旋钮的起始位置位于条形图的底部（步骤0），然后向上拖动旋钮以到达条形图的顶部（步骤100））。

这是我到目前为止所做的：

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

我需要的是：

slider1.startingPosition = 'bottom';

或者那种影响。

Answer 1

由于步骤定义为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;

MooTools滑块类底部的起始位置而不是顶部

1 个答案:

Fiddle