MooTools 幻灯片在包装 div 中跳来跳去答案

【问题标题】：MooTools slide jumps around in wrapping divMooTools 幻灯片在包装 div 中跳来跳去
【发布时间】：2013-08-10 10:35:56
【问题描述】：

我正在使用滑动效果来“关闭”div，它可以正常工作，除了在滑动之前，它会在它的包装div 中斜向跳跃，旁边是它上方的浮动div。让它看起来很丑......

这正好说明了我在说什么：http://jsfiddle.net/ELxPF/

当浮动的div不浮动时，一切都很好，所以它与浮动有关。我认为在启动幻灯片效果时应用于非浮动div 的包装器不会执行clear: both; 或类似效果，导致它对角跳跃。

解决此问题的最佳方法是什么，保留浮动 div 的可浮动性 - 最好不使用额外的包装器元素？

【问题讨论】：

【解决方案1】：

我建议你改用 .dissolve()。

$('slide').addEvent('click', function () {
    $('two').dissolve()
});

DEMO

然后您可以使用.reveal() 将其恢复。

$('slide').addEvent('click', function () {
    $('two').dissolve();
});
$('one').addEvent('click', function () {
    $('two').reveal();
});

【讨论】：

这非常有效。滑动和淡入淡出效果甚至比滑动更好。感谢您提供此解决方案，但您可能知道是什么导致div 在滑动时跳转，如我的示例所示？我猜是一些浮动的问题，但我不确定。