1

当使用 Mootools More 1.5.1 Slider 类创建一个漂亮的滑块时，我注意到“旋钮”可能被拖到右边太远。

考虑这个滑块场景：

|---|~|----------------|

我发现我能够做到这一点：

|---------------------||~|

overflow:hidden当父 div设置时，这不好。

这是因为 Slider 类中的 Drag 对象将最左边的 x 位置 ( limit.x[1]) 设置为传入元素（旋钮的父级）的宽度。

我希望这个限制是元素宽度减去旋钮宽度。

无论“旋钮”是在“元素”内部还是外部（DOM 的上方和下方），我都会遇到同样的问题。

我可以解决这个问题的唯一方法是使用 hack：

if(mySlider.drag.options.limit.x[1]===mySlider.element.getSize().x){
    mySlider.drag.options.limit.x[1] -= mySlider.knob.getSize().x;
    mySlider.drag.setOptions(mySlider.drag.options);
}

看看这个Fiddle（破碎和被黑的例子）。

我在这里错过了什么吗？还是应该将其作为错误提出？

4

0 回答 0