是否更改Mootools滑动开关的方向？

Question

我正在做一个使用Mootools的项目。不幸的是，由于项目的复杂性，我没有选择将jQuery引入到项目中，并且在尝试以我想要的方式获得一个简单的动画时遇到了困难。

我正在使用滑动切换功能，该功能默认情况下滑入和滑出元素的左侧。我想让滑梯朝另一个方向滑动--从右手边滑入滑出。

不幸的是，文档没有提到与此相关的任何内容，而且看起来以前没有人在任何论坛上问过这个问题。

这是我的HTML：

<div id="app">
    <div id="appcontent" style="margin: 0px;">
        <a id="closebutton" href="#">Close</a>Content Here
    </div>
</div>

下面是我的Mootools javascript：

var slide = new Fx.Slide('app');

$('closebutton').addEvent('click', function(event)
{
event.stop();
slide.toggle('horizontal');
});

有没有人知道我该怎么解决这个问题？

在此之前，非常感谢您。

G.

Answer 1

滑动到顶部/左边的原因只是一个实用的原因-向右滑动可能会导致一些不利的副作用，父容器会自动增长以容纳内容，从而干扰页面的其余部分或触发不需要的滚动条。

此外，Fx.Slide现在有点过时了，因为它的功能已经被CSS3过渡模块(现在是widely supported )所取代。

Here's a sample介绍了如何使用CSS3转换和少量Javascript来实现这一点。如果你移除车身上的overflow:hidden，你就会明白为什么向右滑出会比向左滑出更多的问题。