从右向左切换

库莱班库苏

使用AlloyUI Toggler,是否可以将div从右切换到左,而不是标准的down-> up?我已经检查过TogglerAPI,但找不到任何切换direction

这是我当前的Toggler代码:

new Y.Toggler({
    animated : true,
    closeAllOnExpand : true,
    container : '#mySearchForm',
    content : '.content',
    expanded : false,
    header : '.header',
    transition : {
            duration : 0.2,
            easing : 'cubic-bezier(0, 0.1, 0, 1)'
    }//always toggles from the bottom->up
});
斯蒂曼克

要使Toggler水平切换,您需要做3件事:

  1. 应用于float: left;所有Toggler元素以使其成为Toggler水平。
  2. 更改animated: true,为:

    animated: {
        to: { right : '300px' }
    },
    

    注意:您可能需要调整确切的像素数。

  3. 更改TogglerTogglerDelegate

这是一个JSFiddle,所有这些都与原始代码放在一起。

查看YUIAnimEasing类,以获取有关如何修改动画的更多详细信息。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章