使用Mootools More 1.5.1 Slider类创建一个漂亮的滑块时,我注意到了'旋钮'可以拖得太远了。
考虑这个滑块场景:
| - |〜| ---------------- |
我发现我能够做到这一点:
| --------------------- ||〜|
当父div设置overflow:hidden
时,这是不好的。
这是因为Slider类中的Drag对象将最左边的x位置(limit.x[1]
)设置为传入元素(旋钮的父节点)的宽度。
我期望这个限制是元素宽度减去旋钮宽度。
我是否会遇到同样的问题'旋钮'在“元素”的内部或外部(在DOM的上方和下方)。
我能解决这个问题的唯一方法就是黑客攻击:
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(破解和黑客的例子)。
我在这里遗漏了什么吗?或者这应该是一个bug?