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を確認してください(破損およびハッキングの例)。
ここで何か不足していますか?または、これはバグとして提起する必要がありますか?