css - MooTools 幻灯片在包装 div 中跳来跳去

Question

我正在使用滑动效果来“关闭”div，它工作正常，除了在滑动之前，它在它的包装 div 中沿对 Angular 线跳跃，紧挨着 float 在其上方的 div。让它看起来很丑...

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

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

解决此问题的最佳方法是什么，同时保留 float div 的可 float 性 - 并且最好不使用额外的包装元素？

Answer 1

我建议你使用 .dissolve() 代替。

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

DEMO

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

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